@hanzo/ui 8.27.26 → 8.27.32

package/dist/marketing/blocks.cjs

@@ -0,0 +1,42 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoRow = exports.Quote = exports.Steps = exports.FeatureGrid = exports.Feature = exports.Section = exports.PageHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The blocks a feature page is made of, in the order a page uses them:
+ *
+ *   PageHeader   the page's <h1> and one line under it
+ *   Section      a band with its own <h2>, one measure wide
+ *   FeatureGrid  a row of Features, as many as fit
+ *   Feature      a title and a sentence, optionally a link and an icon
+ *   Steps        the order things happen in
+ *   Quote        what a customer said, and who
+ *   LogoRow      who else is here
+ *
+ * Every one takes CONTENT and draws it from tokens. None takes a class name or
+ * reads one, so a page made of them is themed by @hanzo/appearance alone.
+ */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("../backends/gui/slot.cjs");
+const grid_1 = require("../grid.cjs");
+const type_1 = require("./type.cjs");
+const GUTTER = '$6';
+const TIGHT = { letterSpacing: '-0.012em', textWrap: 'balance' };
+const PageHeader = ({ title, lede, eyebrow, actions }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('page-header'), render: "header", width: "100%", maxW: 860, mx: "auto", items: "center", gap: "$4", px: GUTTER, pt: 120, pb: 48, $md: { pt: 88, pb: 32 }, children: [eyebrow ? ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "soft", weight: "600", style: { textTransform: 'uppercase', letterSpacing: '0.05em' }, children: eyebrow })) : null, (0, jsx_runtime_1.jsx)(type_1.Line, { render: "h1", m: 0, align: "center", fontFamily: "$heading", fontSize: "$12", lineHeight: "$12", fontWeight: 500, $md: { fontSize: '$10', lineHeight: '$10' }, style: TIGHT, children: title }), lede ? ((0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, align: "center", tone: "muted", fontSize: "$7", lineHeight: "$7", maxW: 640, $md: { fontSize: '$6', lineHeight: '$6' }, children: lede })) : null, actions ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flexWrap: "wrap", justify: "center", gap: "$4", pt: "$2", children: actions })) : null] }));
+exports.PageHeader = PageHeader;
+const Section = ({ title, lede, children, measure = 1080 }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('section'), render: "section", width: "100%", maxW: measure, mx: "auto", gap: "$6", px: GUTTER, py: 64, $md: { py: 32 }, children: [title ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", items: "center", children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "h2", m: 0, align: "center", fontFamily: "$heading", fontSize: "$10", lineHeight: "$10", fontWeight: 500, $md: { fontSize: '$8', lineHeight: '$8' }, style: TIGHT, children: title }), lede ? ((0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, align: "center", tone: "muted", size: "lg", maxW: 620, children: lede })) : null] })) : null, children] }));
+exports.Section = Section;
+const Feature = ({ title, children, icon, href, linkLabel = 'Learn more' }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('feature'), render: "article", height: "100%", gap: "$3", p: "$5", rounded: "var(--radius-xl)", borderWidth: 1, borderColor: "$edge", bg: "$panel", children: [icon ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { "aria-hidden": true, width: 32, height: 32, items: "center", justify: "center", children: icon })) : null, (0, jsx_runtime_1.jsx)(type_1.Line, { render: "h3", m: 0, size: "xl", weight: "600", children: title }), (0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, tone: "muted", lineHeight: "$5", children: children }), href ? ((0, jsx_runtime_1.jsx)(gui_1.Anchor, { href: href, color: "$ink", fontSize: "$3", fontWeight: "500", textDecorationLine: "underline", mt: "auto", pt: "$2", children: linkLabel })) : null] }));
+exports.Feature = Feature;
+const FeatureGrid = ({ children, min = 260 }) => ((0, jsx_runtime_1.jsx)(grid_1.Grid, { columns: { min, max: 3 }, gap: 20, children: children }));
+exports.FeatureGrid = FeatureGrid;
+const Steps = ({ steps }) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('steps'), render: "ol", m: 0, p: 0, gap: "$5", style: { listStyle: 'none' }, children: steps.map((s, i) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { render: "li", gap: "$4", items: "flex-start", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, width: 32, height: 32, rounded: 9999, borderWidth: 1, borderColor: "$bound", items: "center", justify: "center", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", weight: "600", children: i + 1 }) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, gap: "$1", children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "h3", m: 0, size: "lg", weight: "600", children: s.title }), (0, jsx_runtime_1.jsx)(type_1.Line, { render: "div", tone: "muted", lineHeight: "$5", children: s.body })] })] }, s.title))) }));
+exports.Steps = Steps;
+const Quote = ({ quote, name, role }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('quote'), render: "figure", m: 0, maxW: 720, mx: "auto", gap: "$4", items: "center", px: GUTTER, children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "blockquote", m: 0, align: "center", fontSize: "$8", lineHeight: "$8", fontWeight: 500, $md: { fontSize: '$7', lineHeight: '$7' }, children: quote }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { render: "figcaption", items: "center", children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "cite", size: "base", weight: "600", fontStyle: "normal", children: name }), role ? ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "soft", children: role })) : null] })] }));
+exports.Quote = Quote;
+const LogoRow = ({ logos, label }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('logo-row'), width: "100%", items: "center", gap: "$4", px: GUTTER, py: "$6", children: [label ? ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "soft", align: "center", children: label })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { flexWrap: "wrap", items: "center", justify: "center", gap: "$8", children: logos.map((l) => {
+                const mark = l.src ? ((0, jsx_runtime_1.jsx)(gui_1.Image, { src: l.src, alt: l.name, height: 28, width: "auto", style: { opacity: 0.8 } })) : ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "lg", weight: "600", tone: "muted", children: l.name }));
+                return l.href ? ((0, jsx_runtime_1.jsx)(gui_1.Anchor, { href: l.href, "aria-label": l.name, textDecorationLine: "none", children: mark }, l.name)) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { children: mark }, l.name));
+            }) })] }));
+exports.LogoRow = LogoRow;

package/dist/marketing/blocks.d.ts

@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react';
+export type PageHeaderProps = {
+    title: ReactNode;
+    lede?: ReactNode;
+    /** A line above the title: the product's name, the section it belongs to. */
+    eyebrow?: string;
+    /** Buttons under the lede. */
+    actions?: ReactNode;
+};
+declare const PageHeader: ({ title, lede, eyebrow, actions }: PageHeaderProps) => import("react").JSX.Element;
+export type SectionProps = {
+    title?: string;
+    lede?: ReactNode;
+    children: ReactNode;
+    measure?: number;
+};
+declare const Section: ({ title, lede, children, measure }: SectionProps) => import("react").JSX.Element;
+export type FeatureProps = {
+    title: string;
+    children: ReactNode;
+    icon?: ReactNode;
+    href?: string;
+    linkLabel?: string;
+};
+declare const Feature: ({ title, children, icon, href, linkLabel }: FeatureProps) => import("react").JSX.Element;
+declare const FeatureGrid: ({ children, min }: {
+    children: ReactNode;
+    min?: number;
+}) => import("react").JSX.Element;
+export type Step = {
+    title: string;
+    body: ReactNode;
+};
+declare const Steps: ({ steps }: {
+    steps: readonly Step[];
+}) => import("react").JSX.Element;
+export type QuoteProps = {
+    quote: ReactNode;
+    name: string;
+    role?: string;
+};
+declare const Quote: ({ quote, name, role }: QuoteProps) => import("react").JSX.Element;
+export type Logo = {
+    name: string;
+    src?: string;
+    href?: string;
+};
+declare const LogoRow: ({ logos, label }: {
+    logos: readonly Logo[];
+    label?: string;
+}) => import("react").JSX.Element;
+export { PageHeader, Section, Feature, FeatureGrid, Steps, Quote, LogoRow };
+//# sourceMappingURL=blocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/marketing/blocks.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,UAAU,sCAAuC,eAAe,gCAiCrE,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtG,QAAA,MAAM,OAAO,uCAA+C,YAAY,gCA0BvE,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtH,QAAA,MAAM,OAAO,+CAA+D,YAAY,gCA6BvF,CAAA;AAED,QAAA,MAAM,WAAW,sBAA6B;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,gCAIlF,CAAA;AAED,MAAM,MAAM,IAAI,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AAErD,QAAA,MAAM,KAAK,cAAe;IAAE,KAAK,EAAE,SAAS,IAAI,EAAE,CAAA;CAAE,gCA8BnD,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,QAAA,MAAM,KAAK,0BAA2B,UAAU,gCAgB/C,CAAA;AAED,MAAM,MAAM,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhE,QAAA,MAAM,OAAO,qBAAsB;IAAE,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,gCA0B5E,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA"}

package/dist/marketing/blocks.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The blocks a feature page is made of, in the order a page uses them:
+ *
+ *   PageHeader   the page's <h1> and one line under it
+ *   Section      a band with its own <h2>, one measure wide
+ *   FeatureGrid  a row of Features, as many as fit
+ *   Feature      a title and a sentence, optionally a link and an icon
+ *   Steps        the order things happen in
+ *   Quote        what a customer said, and who
+ *   LogoRow      who else is here
+ *
+ * Every one takes CONTENT and draws it from tokens. None takes a class name or
+ * reads one, so a page made of them is themed by @hanzo/appearance alone.
+ */
+import { Anchor, Image, XStack, YStack } from '@hanzo/gui';
+import { slot } from '../backends/gui/slot.js';
+import { Grid } from '../grid.js';
+import { Line } from './type.js';
+const GUTTER = '$6';
+const TIGHT = { letterSpacing: '-0.012em', textWrap: 'balance' };
+const PageHeader = ({ title, lede, eyebrow, actions }) => (_jsxs(YStack, { ...slot('page-header'), render: "header", width: "100%", maxW: 860, mx: "auto", items: "center", gap: "$4", px: GUTTER, pt: 120, pb: 48, $md: { pt: 88, pb: 32 }, children: [eyebrow ? (_jsx(Line, { size: "sm", tone: "soft", weight: "600", style: { textTransform: 'uppercase', letterSpacing: '0.05em' }, children: eyebrow })) : null, _jsx(Line, { render: "h1", m: 0, align: "center", fontFamily: "$heading", fontSize: "$12", lineHeight: "$12", fontWeight: 500, $md: { fontSize: '$10', lineHeight: '$10' }, style: TIGHT, children: title }), lede ? (_jsx(Line, { render: "p", m: 0, align: "center", tone: "muted", fontSize: "$7", lineHeight: "$7", maxW: 640, $md: { fontSize: '$6', lineHeight: '$6' }, children: lede })) : null, actions ? (_jsx(XStack, { flexWrap: "wrap", justify: "center", gap: "$4", pt: "$2", children: actions })) : null] }));
+const Section = ({ title, lede, children, measure = 1080 }) => (_jsxs(YStack, { ...slot('section'), render: "section", width: "100%", maxW: measure, mx: "auto", gap: "$6", px: GUTTER, py: 64, $md: { py: 32 }, children: [title ? (_jsxs(YStack, { gap: "$3", items: "center", children: [_jsx(Line, { render: "h2", m: 0, align: "center", fontFamily: "$heading", fontSize: "$10", lineHeight: "$10", fontWeight: 500, $md: { fontSize: '$8', lineHeight: '$8' }, style: TIGHT, children: title }), lede ? (_jsx(Line, { render: "p", m: 0, align: "center", tone: "muted", size: "lg", maxW: 620, children: lede })) : null] })) : null, children] }));
+const Feature = ({ title, children, icon, href, linkLabel = 'Learn more' }) => (_jsxs(YStack, { ...slot('feature'), render: "article", height: "100%", gap: "$3", p: "$5", rounded: "var(--radius-xl)", borderWidth: 1, borderColor: "$edge", bg: "$panel", children: [icon ? (_jsx(YStack, { "aria-hidden": true, width: 32, height: 32, items: "center", justify: "center", children: icon })) : null, _jsx(Line, { render: "h3", m: 0, size: "xl", weight: "600", children: title }), _jsx(Line, { render: "p", m: 0, tone: "muted", lineHeight: "$5", children: children }), href ? (_jsx(Anchor, { href: href, color: "$ink", fontSize: "$3", fontWeight: "500", textDecorationLine: "underline", mt: "auto", pt: "$2", children: linkLabel })) : null] }));
+const FeatureGrid = ({ children, min = 260 }) => (_jsx(Grid, { columns: { min, max: 3 }, gap: 20, children: children }));
+const Steps = ({ steps }) => (_jsx(YStack, { ...slot('steps'), render: "ol", m: 0, p: 0, gap: "$5", style: { listStyle: 'none' }, children: steps.map((s, i) => (_jsxs(XStack, { render: "li", gap: "$4", items: "flex-start", children: [_jsx(XStack, { shrink: 0, width: 32, height: 32, rounded: 9999, borderWidth: 1, borderColor: "$bound", items: "center", justify: "center", "aria-hidden": true, children: _jsx(Line, { size: "sm", weight: "600", children: i + 1 }) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$1", children: [_jsx(Line, { render: "h3", m: 0, size: "lg", weight: "600", children: s.title }), _jsx(Line, { render: "div", tone: "muted", lineHeight: "$5", children: s.body })] })] }, s.title))) }));
+const Quote = ({ quote, name, role }) => (_jsxs(YStack, { ...slot('quote'), render: "figure", m: 0, maxW: 720, mx: "auto", gap: "$4", items: "center", px: GUTTER, children: [_jsx(Line, { render: "blockquote", m: 0, align: "center", fontSize: "$8", lineHeight: "$8", fontWeight: 500, $md: { fontSize: '$7', lineHeight: '$7' }, children: quote }), _jsxs(YStack, { render: "figcaption", items: "center", children: [_jsx(Line, { render: "cite", size: "base", weight: "600", fontStyle: "normal", children: name }), role ? (_jsx(Line, { size: "sm", tone: "soft", children: role })) : null] })] }));
+const LogoRow = ({ logos, label }) => (_jsxs(YStack, { ...slot('logo-row'), width: "100%", items: "center", gap: "$4", px: GUTTER, py: "$6", children: [label ? (_jsx(Line, { size: "sm", tone: "soft", align: "center", children: label })) : null, _jsx(XStack, { flexWrap: "wrap", items: "center", justify: "center", gap: "$8", children: logos.map((l) => {
+                const mark = l.src ? (_jsx(Image, { src: l.src, alt: l.name, height: 28, width: "auto", style: { opacity: 0.8 } })) : (_jsx(Line, { size: "lg", weight: "600", tone: "muted", children: l.name }));
+                return l.href ? (_jsx(Anchor, { href: l.href, "aria-label": l.name, textDecorationLine: "none", children: mark }, l.name)) : (_jsx(XStack, { children: mark }, l.name));
+            }) })] }));
+export { PageHeader, Section, Feature, FeatureGrid, Steps, Quote, LogoRow };
+//# sourceMappingURL=blocks.js.map

package/dist/marketing/blocks.js.map

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

package/dist/marketing/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageLoading = void 0;
+exports.LogoRow = exports.Quote = exports.Steps = exports.FeatureGrid = exports.Feature = exports.Section = exports.PageHeader = exports.Line = exports.TextLink = exports.Cta = exports.ClosingCta = exports.Faq = exports.way = exports.termOf = exports.seats = exports.saving = exports.money = exports.charge = exports.audience = exports.Plans = exports.Media = exports.Hero = exports.PageLoading = void 0;
 /**
  * The marketing surface every Hanzo, Lux and Zoo site shares: the first screen,
  * the plans, the questions, the closing call and the blocks a feature page is
@@ -8,3 +8,34 @@ exports.PageLoading = void 0;
  */
 var PageLoading_1 = require("./PageLoading.cjs");
 Object.defineProperty(exports, "PageLoading", { enumerable: true, get: function () { return PageLoading_1.PageLoading; } });
+var Hero_1 = require("./Hero.cjs");
+Object.defineProperty(exports, "Hero", { enumerable: true, get: function () { return Hero_1.Hero; } });
+var Media_1 = require("./Media.cjs");
+Object.defineProperty(exports, "Media", { enumerable: true, get: function () { return Media_1.Media; } });
+var Plans_1 = require("./Plans.cjs");
+Object.defineProperty(exports, "Plans", { enumerable: true, get: function () { return Plans_1.Plans; } });
+var rows_1 = require("./rows.cjs");
+Object.defineProperty(exports, "audience", { enumerable: true, get: function () { return rows_1.audience; } });
+Object.defineProperty(exports, "charge", { enumerable: true, get: function () { return rows_1.charge; } });
+Object.defineProperty(exports, "money", { enumerable: true, get: function () { return rows_1.money; } });
+Object.defineProperty(exports, "saving", { enumerable: true, get: function () { return rows_1.saving; } });
+Object.defineProperty(exports, "seats", { enumerable: true, get: function () { return rows_1.seats; } });
+Object.defineProperty(exports, "termOf", { enumerable: true, get: function () { return rows_1.termOf; } });
+Object.defineProperty(exports, "way", { enumerable: true, get: function () { return rows_1.way; } });
+var Faq_1 = require("./Faq.cjs");
+Object.defineProperty(exports, "Faq", { enumerable: true, get: function () { return Faq_1.Faq; } });
+var ClosingCta_1 = require("./ClosingCta.cjs");
+Object.defineProperty(exports, "ClosingCta", { enumerable: true, get: function () { return ClosingCta_1.ClosingCta; } });
+var Cta_1 = require("./Cta.cjs");
+Object.defineProperty(exports, "Cta", { enumerable: true, get: function () { return Cta_1.Cta; } });
+Object.defineProperty(exports, "TextLink", { enumerable: true, get: function () { return Cta_1.TextLink; } });
+var type_1 = require("./type.cjs");
+Object.defineProperty(exports, "Line", { enumerable: true, get: function () { return type_1.Line; } });
+var blocks_1 = require("./blocks.cjs");
+Object.defineProperty(exports, "PageHeader", { enumerable: true, get: function () { return blocks_1.PageHeader; } });
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return blocks_1.Section; } });
+Object.defineProperty(exports, "Feature", { enumerable: true, get: function () { return blocks_1.Feature; } });
+Object.defineProperty(exports, "FeatureGrid", { enumerable: true, get: function () { return blocks_1.FeatureGrid; } });
+Object.defineProperty(exports, "Steps", { enumerable: true, get: function () { return blocks_1.Steps; } });
+Object.defineProperty(exports, "Quote", { enumerable: true, get: function () { return blocks_1.Quote; } });
+Object.defineProperty(exports, "LogoRow", { enumerable: true, get: function () { return blocks_1.LogoRow; } });

package/dist/marketing/index.d.ts

@@ -4,4 +4,13 @@
  * made of. Tokens and appearance style them; there is no stylesheet.
  */
 export { PageLoading, type PageLoadingProps } from './PageLoading.js';
+export { Hero, type HeroProps } from './Hero.js';
+export { Media, type MediaProps } from './Media.js';
+export { Plans, type PlansProps, type PlanChoice } from './Plans.js';
+export { audience, charge, money, saving, seats, termOf, way, type Audience, type Interval, type PlanRow, type Way } from './rows.js';
+export { Faq, type FaqItem, type FaqProps } from './Faq.js';
+export { ClosingCta, type ClosingCtaProps } from './ClosingCta.js';
+export { Cta, TextLink, type CtaProps } from './Cta.js';
+export { Line, type LineProps, type LineSize, type LineTone } from './type.js';
+export { PageHeader, Section, Feature, FeatureGrid, Steps, Quote, LogoRow, type Step, type Logo, type PageHeaderProps, type SectionProps, type FeatureProps, type QuoteProps, } from './blocks.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,QAAQ,CAAA;AAClI,OAAO,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAC3E,OAAO,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,EACP,KAAK,IAAI,EACT,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,UAAU,CAAA"}

package/dist/marketing/index.js

@@ -4,4 +4,13 @@
  * made of. Tokens and appearance style them; there is no stylesheet.
  */
 export { PageLoading } from './PageLoading.js';
+export { Hero } from './Hero.js';
+export { Media } from './Media.js';
+export { Plans } from './Plans.js';
+export { audience, charge, money, saving, seats, termOf, way } from './rows.js';
+export { Faq } from './Faq.js';
+export { ClosingCta } from './ClosingCta.js';
+export { Cta, TextLink } from './Cta.js';
+export { Line } from './type.js';
+export { PageHeader, Section, Feature, FeatureGrid, Steps, Quote, LogoRow, } from './blocks.js';
 //# sourceMappingURL=index.js.map

package/dist/marketing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAoC,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAwD,MAAM,QAAQ,CAAA;AAClI,OAAO,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,IAAI,EAAgD,MAAM,QAAQ,CAAA;AAC3E,OAAO,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,GAOR,MAAM,UAAU,CAAA"}

package/dist/marketing/rows.cjs

@@ -0,0 +1,47 @@
+"use strict";
+/**
+ * What a plan row says, as sentences a card can print. Pure: no fetch, no
+ * storage. The rows are @hanzo/plans' and commerce's; nothing here types a price.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.termOf = exports.audience = exports.money = void 0;
+exports.charge = charge;
+exports.saving = saving;
+exports.way = way;
+exports.seats = seats;
+/** Whole dollars bare, anything else to the cent: $20, $16.67. */
+const money = (n) => Number.isInteger(n)
+    ? `$${n.toLocaleString('en-US')}`
+    : `$${n.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+exports.money = money;
+/** What one term charges, in dollars, or null where none is sold. */
+function charge(plan, interval) {
+    const n = interval === 'month'
+        ? plan.priceMonthly
+        : (plan.annualTotal ?? (plan.priceAnnual ? Math.round(plan.priceAnnual * 1200) / 100 : null));
+    return n && n > 0 ? n : null;
+}
+/** What a year saves against twelve months, as a whole percent. Null where it saves nothing. */
+function saving(plan) {
+    const month = charge(plan, 'month');
+    const year = charge(plan, 'year');
+    if (!month || !year || year >= 12 * month)
+        return null;
+    return Math.round((1 - year / (12 * month)) * 100);
+}
+/** Who a plan is for: a quoted plan is Enterprise, a per-seat plan is Team, the rest are for one person. */
+const audience = (p) => (p.contactSales || p.pricePerUser ? 'team' : 'individual');
+exports.audience = audience;
+function way(p) {
+    if (p.contactSales)
+        return 'sales';
+    return (p.priceMonthly ?? 0) > 0 ? 'card' : 'free';
+}
+/** The seats a per-seat plan is sold from. */
+function seats(p) {
+    const n = Number(p.limits?.minSeats ?? 1);
+    return Number.isFinite(n) && n > 1 ? Math.floor(n) : 1;
+}
+/** The term a card quotes: a year where one is sold and asked for, else a month. */
+const termOf = (p, yearly) => (yearly && charge(p, 'year') !== null ? 'year' : 'month');
+exports.termOf = termOf;

package/dist/marketing/rows.d.ts

@@ -0,0 +1,41 @@
+/**
+ * What a plan row says, as sentences a card can print. Pure: no fetch, no
+ * storage. The rows are @hanzo/plans' and commerce's; nothing here types a price.
+ */
+/** A plan as a card renders it: dollars, and `features` always present. */
+export interface PlanRow {
+    id: string;
+    name: string;
+    description?: string;
+    priceMonthly: number | null;
+    /** A year shown per month. */
+    priceAnnual?: number | null;
+    /** What a year charges, once, where the catalog sells one. */
+    annualTotal?: number | null;
+    category: string;
+    popular?: boolean;
+    contactSales?: boolean;
+    pricePerUser?: boolean;
+    features: string[];
+    limits?: Record<string, number | null>;
+    checkoutUrl?: string;
+    checkoutId?: string;
+}
+export type Interval = 'month' | 'year';
+export type Audience = 'individual' | 'team';
+/** Whole dollars bare, anything else to the cent: $20, $16.67. */
+export declare const money: (n: number) => string;
+/** What one term charges, in dollars, or null where none is sold. */
+export declare function charge(plan: PlanRow, interval: Interval): number | null;
+/** What a year saves against twelve months, as a whole percent. Null where it saves nothing. */
+export declare function saving(plan: PlanRow): number | null;
+/** Who a plan is for: a quoted plan is Enterprise, a per-seat plan is Team, the rest are for one person. */
+export declare const audience: (p: PlanRow) => Audience;
+/** How a plan is taken: by card, for nothing, or by a conversation. */
+export type Way = 'card' | 'free' | 'sales';
+export declare function way(p: PlanRow): Way;
+/** The seats a per-seat plan is sold from. */
+export declare function seats(p: PlanRow): number;
+/** The term a card quotes: a year where one is sold and asked for, else a month. */
+export declare const termOf: (p: PlanRow, yearly: boolean) => Interval;
+//# sourceMappingURL=rows.d.ts.map

package/dist/marketing/rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../src/marketing/rows.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2EAA2E;AAC3E,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AACvC,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,MAAM,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,KAAK,MAAO,MAAM,KAAG,MAG2D,CAAA;AAE7F,qEAAqE;AACrE,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAMvE;AAED,gGAAgG;AAChG,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAKnD;AAED,4GAA4G;AAC5G,eAAO,MAAM,QAAQ,MAAO,OAAO,KAAG,QAAsE,CAAA;AAE5G,uEAAuE;AACvE,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAE3C,wBAAgB,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,GAAG,CAGnC;AAED,8CAA8C;AAC9C,wBAAgB,KAAK,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,CAGxC;AAED,oFAAoF;AACpF,eAAO,MAAM,MAAM,MAAO,OAAO,UAAU,OAAO,KAAG,QAAqE,CAAA"}

package/dist/marketing/rows.js

@@ -0,0 +1,38 @@
+/**
+ * What a plan row says, as sentences a card can print. Pure: no fetch, no
+ * storage. The rows are @hanzo/plans' and commerce's; nothing here types a price.
+ */
+/** Whole dollars bare, anything else to the cent: $20, $16.67. */
+export const money = (n) => Number.isInteger(n)
+    ? `$${n.toLocaleString('en-US')}`
+    : `$${n.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+/** What one term charges, in dollars, or null where none is sold. */
+export function charge(plan, interval) {
+    const n = interval === 'month'
+        ? plan.priceMonthly
+        : (plan.annualTotal ?? (plan.priceAnnual ? Math.round(plan.priceAnnual * 1200) / 100 : null));
+    return n && n > 0 ? n : null;
+}
+/** What a year saves against twelve months, as a whole percent. Null where it saves nothing. */
+export function saving(plan) {
+    const month = charge(plan, 'month');
+    const year = charge(plan, 'year');
+    if (!month || !year || year >= 12 * month)
+        return null;
+    return Math.round((1 - year / (12 * month)) * 100);
+}
+/** Who a plan is for: a quoted plan is Enterprise, a per-seat plan is Team, the rest are for one person. */
+export const audience = (p) => (p.contactSales || p.pricePerUser ? 'team' : 'individual');
+export function way(p) {
+    if (p.contactSales)
+        return 'sales';
+    return (p.priceMonthly ?? 0) > 0 ? 'card' : 'free';
+}
+/** The seats a per-seat plan is sold from. */
+export function seats(p) {
+    const n = Number(p.limits?.minSeats ?? 1);
+    return Number.isFinite(n) && n > 1 ? Math.floor(n) : 1;
+}
+/** The term a card quotes: a year where one is sold and asked for, else a month. */
+export const termOf = (p, yearly) => (yearly && charge(p, 'year') !== null ? 'year' : 'month');
+//# sourceMappingURL=rows.js.map

package/dist/marketing/rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.js","sourceRoot":"","sources":["../../src/marketing/rows.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAyBH,kEAAkE;AAClE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAS,EAAU,EAAE,CACzC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;IACjC,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAE7F,qEAAqE;AACrE,MAAM,UAAU,MAAM,CAAC,IAAa,EAAE,QAAkB;IACtD,MAAM,CAAC,GACL,QAAQ,KAAK,OAAO;QAClB,CAAC,CAAC,IAAI,CAAC,YAAY;QACnB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IACjG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC9B,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,MAAM,CAAC,IAAa;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACnC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACjC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,GAAG,KAAK;QAAE,OAAO,IAAI,CAAA;IACtD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA;AACpD,CAAC;AAED,4GAA4G;AAC5G,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAU,EAAY,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;AAK5G,MAAM,UAAU,GAAG,CAAC,CAAU;IAC5B,IAAI,CAAC,CAAC,YAAY;QAAE,OAAO,OAAO,CAAA;IAClC,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;AACpD,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,KAAK,CAAC,CAAU;IAC9B,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;IACzC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACxD,CAAC;AAED,oFAAoF;AACpF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAU,EAAE,MAAe,EAAY,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA"}

package/dist/marketing/seen.cjs

@@ -0,0 +1,26 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSeen = useSeen;
+const react_1 = require("react");
+/**
+ * Calls `onSeen` once, the first time half of the element is on screen. The
+ * callback is the host's and may be a new function every render; the view is
+ * counted once, so the effect does not depend on it.
+ */
+function useSeen(ref, onSeen) {
+    (0, react_1.useEffect)(() => {
+        const el = ref.current;
+        if (!el || !onSeen || typeof IntersectionObserver === 'undefined')
+            return;
+        const seen = new IntersectionObserver(([e]) => {
+            if (!e?.isIntersecting)
+                return;
+            onSeen();
+            seen.disconnect();
+        }, { threshold: 0.5 });
+        seen.observe(el);
+        return () => seen.disconnect();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+}

package/dist/marketing/seen.d.ts

@@ -0,0 +1,8 @@
+import { type RefObject } from 'react';
+/**
+ * Calls `onSeen` once, the first time half of the element is on screen. The
+ * callback is the host's and may be a new function every render; the view is
+ * counted once, so the effect does not depend on it.
+ */
+export declare function useSeen(ref: RefObject<Element | null>, onSeen?: () => void): void;
+//# sourceMappingURL=seen.d.ts.map

package/dist/marketing/seen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seen.d.ts","sourceRoot":"","sources":["../../src/marketing/seen.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAgBjF"}

package/dist/marketing/seen.js

@@ -0,0 +1,24 @@
+'use client';
+import { useEffect } from 'react';
+/**
+ * Calls `onSeen` once, the first time half of the element is on screen. The
+ * callback is the host's and may be a new function every render; the view is
+ * counted once, so the effect does not depend on it.
+ */
+export function useSeen(ref, onSeen) {
+    useEffect(() => {
+        const el = ref.current;
+        if (!el || !onSeen || typeof IntersectionObserver === 'undefined')
+            return;
+        const seen = new IntersectionObserver(([e]) => {
+            if (!e?.isIntersecting)
+                return;
+            onSeen();
+            seen.disconnect();
+        }, { threshold: 0.5 });
+        seen.observe(el);
+        return () => seen.disconnect();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+}
+//# sourceMappingURL=seen.js.map

package/dist/marketing/seen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seen.js","sourceRoot":"","sources":["../../src/marketing/seen.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AAEjD;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,GAA8B,EAAE,MAAmB;IACzE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QACtB,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO,oBAAoB,KAAK,WAAW;YAAE,OAAM;QACzE,MAAM,IAAI,GAAG,IAAI,oBAAoB,CACnC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACN,IAAI,CAAC,CAAC,EAAE,cAAc;gBAAE,OAAM;YAC9B,MAAM,EAAE,CAAA;YACR,IAAI,CAAC,UAAU,EAAE,CAAA;QACnB,CAAC,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAA;QACD,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAChB,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAA;QAC9B,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC"}

package/dist/marketing/type.cjs

@@ -0,0 +1,38 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Line = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Line — one line of type on the marketing ramp.
+ *
+ * The size/leading pairs are gui's own rungs (`$1`…`$10`), which resolve to the
+ * same `--text-*` custom properties @hanzo/design publishes, so a site that sets
+ * its type scale or density through @hanzo/appearance moves every marketing block
+ * with it. Ink is one of five tones, never a colour.
+ *
+ * `render` picks the element: a heading is a heading only when the element says
+ * so, and a page with no headings passes every visual check.
+ */
+const gui_1 = require("@hanzo/gui");
+const SIZE = {
+    xs: { fontSize: '$1', lineHeight: '$1' },
+    sm: { fontSize: '$2', lineHeight: '$2' },
+    base: { fontSize: '$3', lineHeight: '$3' },
+    lg: { fontSize: '$4', lineHeight: '$4' },
+    xl: { fontSize: '$6', lineHeight: '$6' },
+    x2: { fontSize: '$7', lineHeight: '$7' },
+    x3: { fontSize: '$8', lineHeight: '$8' },
+    x4: { fontSize: '$10', lineHeight: '$10' },
+};
+const TONE = {
+    plain: '$ink',
+    muted: '$soft',
+    soft: '$quiet',
+    dim: '$faint',
+};
+const Line = ({ size, tone = 'plain', weight, align, render, children, ...p }) => {
+    const pair = size ? SIZE[size] : undefined;
+    return ((0, jsx_runtime_1.jsx)(gui_1.Text, { render: render, fontSize: pair?.fontSize, lineHeight: pair?.lineHeight, fontWeight: weight, color: TONE[tone], text: align, ...p, children: children }));
+};
+exports.Line = Line;

package/dist/marketing/type.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Line — one line of type on the marketing ramp.
+ *
+ * The size/leading pairs are gui's own rungs (`$1`…`$10`), which resolve to the
+ * same `--text-*` custom properties @hanzo/design publishes, so a site that sets
+ * its type scale or density through @hanzo/appearance moves every marketing block
+ * with it. Ink is one of five tones, never a colour.
+ *
+ * `render` picks the element: a heading is a heading only when the element says
+ * so, and a page with no headings passes every visual check.
+ */
+import { type TextProps } from '@hanzo/gui';
+import type { ReactNode } from 'react';
+declare const SIZE: {
+    readonly xs: {
+        readonly fontSize: '$1';
+        readonly lineHeight: '$1';
+    };
+    readonly sm: {
+        readonly fontSize: '$2';
+        readonly lineHeight: '$2';
+    };
+    readonly base: {
+        readonly fontSize: '$3';
+        readonly lineHeight: '$3';
+    };
+    readonly lg: {
+        readonly fontSize: '$4';
+        readonly lineHeight: '$4';
+    };
+    readonly xl: {
+        readonly fontSize: '$6';
+        readonly lineHeight: '$6';
+    };
+    readonly x2: {
+        readonly fontSize: '$7';
+        readonly lineHeight: '$7';
+    };
+    readonly x3: {
+        readonly fontSize: '$8';
+        readonly lineHeight: '$8';
+    };
+    readonly x4: {
+        readonly fontSize: '$10';
+        readonly lineHeight: '$10';
+    };
+};
+declare const TONE: {
+    readonly plain: '$ink';
+    readonly muted: '$soft';
+    readonly soft: '$quiet';
+    readonly dim: '$faint';
+};
+export type LineSize = keyof typeof SIZE;
+export type LineTone = keyof typeof TONE;
+export type LineProps = Omit<TextProps, 'children' | 'render' | 'color'> & {
+    size?: LineSize;
+    tone?: LineTone;
+    weight?: '400' | '500' | '600' | '700';
+    render?: 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'span' | 'div' | 'li' | 'blockquote' | 'cite';
+    align?: 'center' | 'right';
+    children?: ReactNode;
+};
+declare const Line: ({ size, tone, weight, align, render, children, ...p }: LineProps) => import("react").JSX.Element;
+export { Line };
+//# sourceMappingURL=type.d.ts.map

package/dist/marketing/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/marketing/type.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,IAAI;aACR,EAAE;iBAAI,QAAQ,EAAE,IAAI;iBAAE,UAAU,EAAE,IAAI;;aACtC,EAAE;iBAAI,QAAQ,EAAE,IAAI;iBAAE,UAAU,EAAE,IAAI;;aACtC,IAAI;iBAAI,QAAQ,EAAE,IAAI;iBAAE,UAAU,EAAE,IAAI;;aACxC,EAAE;iBAAI,QAAQ,EAAE,IAAI;iBAAE,UAAU,EAAE,IAAI;;aACtC,EAAE;iBAAI,QAAQ,EAAE,IAAI;iBAAE,UAAU,EAAE,IAAI;;aACtC,EAAE;iBAAI,QAAQ,EAAE,IAAI;iBAAE,UAAU,EAAE,IAAI;;aACtC,EAAE;iBAAI,QAAQ,EAAE,IAAI;iBAAE,UAAU,EAAE,IAAI;;aACtC,EAAE;iBAAI,QAAQ,EAAE,KAAK;iBAAE,UAAU,EAAE,KAAK;;CAChC,CAAA;AAEV,QAAA,MAAM,IAAI;aACR,KAAK,EAAE,MAAM;aACb,KAAK,EAAE,OAAO;aACd,IAAI,EAAE,QAAQ;aACd,GAAG,EAAE,QAAQ;CACL,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,IAAI,CAAA;AACxC,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,IAAI,CAAA;AAExC,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;IACtC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,YAAY,GAAG,MAAM,CAAA;IACxF,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,IAAI,0DAAqE,SAAS,gCAevF,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/marketing/type.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Line — one line of type on the marketing ramp.
+ *
+ * The size/leading pairs are gui's own rungs (`$1`…`$10`), which resolve to the
+ * same `--text-*` custom properties @hanzo/design publishes, so a site that sets
+ * its type scale or density through @hanzo/appearance moves every marketing block
+ * with it. Ink is one of five tones, never a colour.
+ *
+ * `render` picks the element: a heading is a heading only when the element says
+ * so, and a page with no headings passes every visual check.
+ */
+import { Text } from '@hanzo/gui';
+const SIZE = {
+    xs: { fontSize: '$1', lineHeight: '$1' },
+    sm: { fontSize: '$2', lineHeight: '$2' },
+    base: { fontSize: '$3', lineHeight: '$3' },
+    lg: { fontSize: '$4', lineHeight: '$4' },
+    xl: { fontSize: '$6', lineHeight: '$6' },
+    x2: { fontSize: '$7', lineHeight: '$7' },
+    x3: { fontSize: '$8', lineHeight: '$8' },
+    x4: { fontSize: '$10', lineHeight: '$10' },
+};
+const TONE = {
+    plain: '$ink',
+    muted: '$soft',
+    soft: '$quiet',
+    dim: '$faint',
+};
+const Line = ({ size, tone = 'plain', weight, align, render, children, ...p }) => {
+    const pair = size ? SIZE[size] : undefined;
+    return (_jsx(Text, { render: render, fontSize: pair?.fontSize, lineHeight: pair?.lineHeight, fontWeight: weight, color: TONE[tone], text: align, ...p, children: children }));
+};
+export { Line };
+//# sourceMappingURL=type.js.map

package/dist/marketing/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/marketing/type.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,EAAE,IAAI,EAAkB,MAAM,YAAY,CAAA;AAGjD,MAAM,IAAI,GAAG;IACX,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IACxC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IACxC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IAC1C,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IACxC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IACxC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IACxC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IACxC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE;CAClC,CAAA;AAEV,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,QAAQ;CACL,CAAA;AAcV,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAa,EAAE,EAAE;IAC1F,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC1C,OAAO,CACL,KAAC,IAAI,IACH,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,IAAI,EAAE,QAAQ,EACxB,UAAU,EAAE,IAAI,EAAE,UAAU,EAC5B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,EACjB,IAAI,EAAE,KAAK,KACN,CAAY,YAEhB,QAAQ,GACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}