{ "version": 1, "origin": "https://next.mdxui.dev", "packages": { "@mdxui/site": "7.0.0-alpha.0", "@mdxui/themes": "7.0.0-alpha.0" }, "sectionTypes": [ { "id": "nav", "group": "Navigation", "job": "The bar at the top of a page: brand, links, one call to action and a menu that needs no script.", "glyph": "panel-top", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/nav", "schema": "https://next.mdxui.dev/schema/sections/nav.json", "example": { "lang": "json", "code": "{\n \"type\": \"nav\",\n \"menu\": \"none\",\n \"brand\": { \"href\": \"/\", \"text\": \"Benchlist\", \"mark\": \"layout-grid\" },\n \"links\": [\n [\"/city/duluth\", \"Duluth\"],\n [\"/about\", \"About\"]\n ],\n \"cta\": { \"href\": \"/list-a-bench\", \"label\": \"List a bench\" },\n \"search\": { \"action\": \"/city/duluth\", \"placeholder\": \"Kiln, lathe, loom, press\" }\n}", "from": "https://next.mdxui.dev/pages/benchlist/home.json" }, "fields": [ { "variant": "menu: \"overlay\" | \"push\"", "rows": [ { "path": "menu", "type": "\"overlay\" | \"push\"", "required": true }, { "path": "collapse", "type": "820 | 880", "required": true }, { "path": "brand", "type": "object", "required": true }, { "path": "brand.href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "brand.text", "type": "string ≤16", "required": false, "min": 1, "max": 16 }, { "path": "brand.mark", "type": "icon or mark name (52)", "required": false }, { "path": "brand.suffix", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "brand.tile", "type": "boolean", "required": false }, { "path": "links", "type": "0–6 × [string ≤160, string ≤20]", "required": true, "max": 6 }, { "path": "cta", "type": "object", "required": false }, { "path": "cta.href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "cta.label", "type": "string ≤24", "required": true, "min": 1, "max": 24 } ] }, { "variant": "menu: \"none\"", "rows": [ { "path": "menu", "type": "\"none\"", "required": true }, { "path": "brand", "type": "object", "required": true }, { "path": "brand.href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "brand.text", "type": "string ≤16", "required": false, "min": 1, "max": 16 }, { "path": "brand.mark", "type": "icon or mark name (52)", "required": false }, { "path": "brand.suffix", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "brand.tile", "type": "boolean", "required": false }, { "path": "links", "type": "0–3 × [string ≤160, string ≤20]", "required": true, "max": 3 }, { "path": "cta", "type": "object", "required": false }, { "path": "cta.href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "cta.label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "search", "type": "object", "required": false }, { "path": "search.action", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "search.placeholder", "type": "string ≤40", "required": true, "min": 1, "max": 40 }, { "path": "search.query", "type": "string ≤120", "required": false, "min": 1, "max": 120 }, { "path": "search.clear", "type": "string ≤160", "required": false, "min": 1, "max": 160 } ] } ], "variants": [ { "id": "default", "label": "nav", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/nav/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/nav/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/nav/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/nav/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/nav/default/callboard", "directory": "https://next.mdxui.dev/components/variant/nav/default/directory" } }, { "id": "menu-none", "label": "menu none", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/nav/menu-none.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/nav/menu-none/certificate", "vaultline": "https://next.mdxui.dev/components/variant/nav/menu-none/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/nav/menu-none/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/nav/menu-none/callboard", "directory": "https://next.mdxui.dev/components/variant/nav/menu-none/directory" } }, { "id": "menu-overlay", "label": "menu overlay", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/nav/menu-overlay.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/nav/menu-overlay/certificate", "vaultline": "https://next.mdxui.dev/components/variant/nav/menu-overlay/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/nav/menu-overlay/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/nav/menu-overlay/callboard", "directory": "https://next.mdxui.dev/components/variant/nav/menu-overlay/directory" } }, { "id": "menu-push", "label": "menu push", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/nav/menu-push.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/nav/menu-push/certificate", "vaultline": "https://next.mdxui.dev/components/variant/nav/menu-push/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/nav/menu-push/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/nav/menu-push/callboard", "directory": "https://next.mdxui.dev/components/variant/nav/menu-push/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/nav/default/directory", "stills": [] }, { "id": "footer", "group": "Navigation", "job": "The foot of a page: brand and blurb, link columns and a ruled note row.", "glyph": "panel-bottom", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/footer", "schema": "https://next.mdxui.dev/schema/sections/footer.json", "example": { "lang": "json", "code": "{\n \"type\": \"footer\",\n \"layout\": \"columns\",\n \"brand\": { \"href\": \"/\", \"text\": \"Ledgerhouse\", \"mark\": \"landmark\" },\n \"blurb\": \"Bookkeeping and tax for small businesses, by two partners and no handoffs.\",\n \"columns\": [\n {\n \"title\": \"The firm\",\n \"links\": [\n [\"/services\", \"Services\"],\n [\"/services/monthly-close\", \"Monthly close\"],\n [\"/pricing\", \"Fees\"],\n [\"/about\", \"About\"]\n ]\n },\n {\n \"title\": \"Clients\",\n \"links\": [\n [\"/intake\", \"Intake\"],\n [\"/terms\", \"Terms of engagement\"]\n ]\n },\n {\n \"title\": \"For agents\",\n \"links\": [\n [\"/records.zip\", \"Site records (.zip)\"],\n [\"/services/monthly-close\", \"What a close report holds\"]\n ]\n }\n ],\n \"note\": [\"Ledgerhouse is a worked example on mdxui.dev, not a customer.\", \"Rendered by @mdxui/site. Forms here do not send.\"]\n}", "from": "https://next.mdxui.dev/pages/ledgerhouse/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "layout", "type": "\"columns\" | \"areas\" | \"row\"", "required": true }, { "path": "brand", "type": "object", "required": true }, { "path": "brand.href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "brand.text", "type": "string ≤16", "required": false, "min": 1, "max": 16 }, { "path": "brand.mark", "type": "icon or mark name (52)", "required": false }, { "path": "brand.suffix", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "brand.tile", "type": "boolean", "required": false }, { "path": "blurb", "type": "string ≤160", "required": false, "min": 1, "max": 160 }, { "path": "columns", "type": "0–4 × object", "required": true, "max": 4 }, { "path": "columns[].title", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "columns[].label", "type": "string ≤40", "required": false, "min": 1, "max": 40 }, { "path": "columns[].links", "type": "1–12 × [string ≤160, string ≤48]", "required": true, "min": 1, "max": 12 }, { "path": "cta", "type": "object", "required": false }, { "path": "cta.href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "cta.label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "cta.icon", "type": "icon or mark name (52)", "required": false }, { "path": "social", "type": "0–6 × object", "required": false, "max": 6 }, { "path": "social[].mark", "type": "\"bluesky\" | \"github\" | \"linkedin\" | \"npm\" | \"reddit\" | \"x\" | \"ycombinator\"", "required": true }, { "path": "social[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "form", "type": "object", "required": false }, { "path": "form.action", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "form.label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "form.placeholder", "type": "string ≤32", "required": true, "min": 1, "max": 32 }, { "path": "form.submit", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "note", "type": "[string ≤96, string ≤96]", "required": true, "min": 2, "max": 2 } ] } ], "variants": [ { "id": "columns", "label": "columns", "layout": "columns", "count": null, "record": "https://next.mdxui.dev/components/variant/footer/columns.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/footer/columns/certificate", "vaultline": "https://next.mdxui.dev/components/variant/footer/columns/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/footer/columns/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/footer/columns/callboard", "directory": "https://next.mdxui.dev/components/variant/footer/columns/directory" } }, { "id": "areas", "label": "areas", "layout": "areas", "count": null, "record": "https://next.mdxui.dev/components/variant/footer/areas.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/footer/areas/certificate", "vaultline": "https://next.mdxui.dev/components/variant/footer/areas/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/footer/areas/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/footer/areas/callboard", "directory": "https://next.mdxui.dev/components/variant/footer/areas/directory" } }, { "id": "row", "label": "row", "layout": "row", "count": null, "record": "https://next.mdxui.dev/components/variant/footer/row.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/footer/row/certificate", "vaultline": "https://next.mdxui.dev/components/variant/footer/row/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/footer/row/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/footer/row/callboard", "directory": "https://next.mdxui.dev/components/variant/footer/row/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/footer/columns/vaultline", "stills": [] }, { "id": "hero", "group": "Heroes", "job": "The opening of a page: headline, lede, actions, fine print and an optional preview window.", "glyph": "megaphone", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/hero", "schema": "https://next.mdxui.dev/schema/sections/hero.json", "example": { "lang": "json", "code": "{\n \"type\": \"hero\",\n \"layout\": \"centered\",\n \"stack\": 560,\n \"title\": \"Books closed by the *fifth*.\",\n \"lede\": \"Ledgerhouse closes a small business’s books every month by the fifth working day. Two partners sign every close and every return, with no handoffs.\",\n \"actions\": [\n { \"href\": \"/intake\", \"label\": \"Start intake\", \"kind\": \"solid\" },\n { \"href\": \"/pricing\", \"label\": \"See the fees\", \"kind\": \"ghost\" }\n ],\n \"fine\": [\"Fixed monthly fees\", \"A missed date waives the fee\"]\n}", "from": "https://next.mdxui.dev/pages/ledgerhouse/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "layout", "type": "\"centered\" | \"split\"", "required": true }, { "path": "stack", "type": "560 | 640", "required": true }, { "path": "kicker", "type": "object", "required": false }, { "path": "kicker.kind", "type": "\"eyebrow\"", "required": true }, { "path": "kicker.text", "type": "string ≤40", "required": true, "min": 1, "max": 40 }, { "path": "title", "type": "string ≤64", "required": true, "min": 1, "max": 64 }, { "path": "lede", "type": "string ≤260", "required": true, "min": 1, "max": 260 }, { "path": "actions", "type": "0–2 × object", "required": true, "max": 2 }, { "path": "actions[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "actions[].label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "actions[].kind", "type": "\"solid\" | \"ghost\"", "required": true }, { "path": "actions[].icon", "type": "icon or mark name (52)", "required": false }, { "path": "actions[].external", "type": "boolean", "required": false }, { "path": "command", "type": "object", "required": false }, { "path": "command.command", "type": "string ≤40", "required": true, "min": 1, "max": 40 }, { "path": "command.note", "type": "string ≤48", "required": false, "min": 1, "max": 48 }, { "path": "fine", "type": "0–4 × string ≤72", "required": true, "max": 4 }, { "path": "specimen", "type": "object", "required": false }, { "path": "specimen.panel", "type": "\"none\" | \"field\"", "required": false }, { "path": "specimen.blocks", "type": "1–3 × Section type (nested)", "required": true, "min": 1, "max": 3 } ] } ], "variants": [ { "id": "centered", "label": "centered", "layout": "centered", "count": null, "record": "https://next.mdxui.dev/components/variant/hero/centered.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/hero/centered/certificate", "vaultline": "https://next.mdxui.dev/components/variant/hero/centered/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/hero/centered/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/hero/centered/callboard", "directory": "https://next.mdxui.dev/components/variant/hero/centered/directory" } }, { "id": "split", "label": "split", "layout": "split", "count": null, "record": "https://next.mdxui.dev/components/variant/hero/split.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/hero/split/certificate", "vaultline": "https://next.mdxui.dev/components/variant/hero/split/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/hero/split/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/hero/split/callboard", "directory": "https://next.mdxui.dev/components/variant/hero/split/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/hero/centered/vaultline", "stills": [] }, { "id": "statement", "group": "Heroes", "job": "One claim on its own, set large, with one phrase in the accent.", "glyph": "quote", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/statement", "schema": "https://next.mdxui.dev/schema/sections/statement.json", "example": { "lang": "json", "code": "{ \"type\": \"statement\", \"text\": \"A close is a promise with a date on it. *Ledgerhouse keeps the date.*\" }", "from": "https://next.mdxui.dev/pages/ledgerhouse/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "text", "type": "string ≤140", "required": true, "min": 1, "max": 140 } ] } ], "variants": [ { "id": "default", "label": "statement", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/statement/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/statement/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/statement/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/statement/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/statement/default/callboard", "directory": "https://next.mdxui.dev/components/variant/statement/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/statement/default/vaultline", "stills": [] }, { "id": "page-head", "group": "Heroes", "job": "A plain page heading: a title and one line, with no actions.", "glyph": "heading", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/page-head", "schema": "https://next.mdxui.dev/schema/sections/page-head.json", "example": { "lang": "json", "code": "{ \"type\": \"page-head\", \"title\": \"No bench page here.\", \"lede\": \"This worked example builds one bench in full, Kiln room 4. The other listings link here.\" }", "from": "https://next.mdxui.dev/pages/benchlist/404.json" }, "fields": [ { "variant": null, "rows": [ { "path": "title", "type": "string ≤64", "required": true, "min": 1, "max": 64 }, { "path": "lede", "type": "string ≤200", "required": false, "min": 1, "max": 200 } ] } ], "variants": [ { "id": "default", "label": "page-head", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/page-head/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/page-head/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/page-head/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/page-head/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/page-head/default/callboard", "directory": "https://next.mdxui.dev/components/variant/page-head/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/page-head/default/directory", "stills": [] }, { "id": "stats", "group": "Proof", "job": "A band of three or four big numbers with captions, ruled between cells.", "glyph": "hash", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/stats", "schema": "https://next.mdxui.dev/schema/sections/stats.json", "example": { "lang": "json", "code": "{\n \"type\": \"stats\",\n \"items\": [\n { \"value\": \"10\", \"label\": \"Benches listed in Duluth\" },\n { \"value\": \"$9\", \"label\": \"Lowest hourly rate listed\" },\n { \"value\": \"24 h\", \"label\": \"Free cancellation before a booking\" }\n ]\n}", "from": "https://next.mdxui.dev/pages/benchlist/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": false }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "items", "type": "3–4 × object", "required": true, "min": 3, "max": 4 }, { "path": "items[].value", "type": "string ≤6", "required": true, "min": 1, "max": 6 }, { "path": "items[].label", "type": "string ≤72", "required": true, "min": 1, "max": 72 }, { "path": "items[].icon", "type": "icon or mark name (52)", "required": false } ] } ], "variants": [ { "id": "default", "label": "stats", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/stats/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/stats/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/stats/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/stats/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/stats/default/callboard", "directory": "https://next.mdxui.dev/components/variant/stats/default/directory" } }, { "id": "3", "label": "3", "layout": null, "count": 3, "record": "https://next.mdxui.dev/components/variant/stats/3.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/stats/3/certificate", "vaultline": "https://next.mdxui.dev/components/variant/stats/3/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/stats/3/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/stats/3/callboard", "directory": "https://next.mdxui.dev/components/variant/stats/3/directory" } }, { "id": "4", "label": "4", "layout": null, "count": 4, "record": "https://next.mdxui.dev/components/variant/stats/4.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/stats/4/certificate", "vaultline": "https://next.mdxui.dev/components/variant/stats/4/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/stats/4/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/stats/4/callboard", "directory": "https://next.mdxui.dev/components/variant/stats/4/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/stats/default/directory", "stills": [] }, { "id": "facts", "group": "Proof", "job": "Labels and values a buyer decides on, as one ruled list.", "glyph": "list-checks", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/facts", "schema": "https://next.mdxui.dev/schema/sections/facts.json", "example": { "lang": "json", "code": "{\n \"type\": \"facts\",\n \"title\": \"Benchlist\",\n \"items\": [\n { \"label\": \"Cities\", \"value\": \"Duluth\" },\n { \"label\": \"Benches listed\", \"value\": \"10\", \"href\": \"/city/duluth\" },\n { \"label\": \"Host fee\", \"value\": \"12 percent of each booking\" },\n { \"label\": \"Renter fee\", \"value\": \"None\" },\n { \"label\": \"Write to\", \"value\": \"hello@benchlist.example\", \"code\": true }\n ]\n}", "from": "https://next.mdxui.dev/pages/benchlist/about.json" }, "fields": [ { "variant": null, "rows": [ { "path": "title", "type": "string ≤48", "required": false, "min": 1, "max": 48 }, { "path": "items", "type": "1–16 × object", "required": true, "min": 1, "max": 16 }, { "path": "items[].label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "items[].value", "type": "string ≤80", "required": true, "min": 1, "max": 80 }, { "path": "items[].href", "type": "string ≤160", "required": false, "min": 1, "max": 160 }, { "path": "items[].code", "type": "boolean", "required": false } ] } ], "variants": [ { "id": "default", "label": "facts", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/facts/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/facts/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/facts/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/facts/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/facts/default/callboard", "directory": "https://next.mdxui.dev/components/variant/facts/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/facts/default/directory", "stills": [] }, { "id": "feature-grid", "group": "Features", "job": "A section head over a hairline grid of two, three, four, six or eight cells.", "glyph": "layout-grid", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/feature-grid", "schema": "https://next.mdxui.dev/schema/sections/feature-grid.json", "example": { "lang": "json", "code": "{\n \"type\": \"feature-grid\",\n \"head\": { \"eyebrow\": \"Four commands\", \"title\": \"Render, diff, mask, gate.\" },\n \"cellHead\": \"icon-label\",\n \"items\": [\n {\n \"icon\": \"layers\",\n \"label\": \"Render\",\n \"title\": \"The config each env gets\",\n \"text\": \"Overlays, defaults and env files resolved into the final values.\"\n },\n {\n \"icon\": \"git-commit-horizontal\",\n \"label\": \"Diff\",\n \"title\": \"Against what runs now\",\n \"text\": \"Compared with the live config, key by key, not file by file.\"\n },\n {\n \"icon\": \"shield-check\",\n \"label\": \"Mask\",\n \"title\": \"Secrets stay masked\",\n \"text\": \"A changed secret shows as changed, with a short hash. Its value never prints.\"\n },\n {\n \"icon\": \"check\",\n \"label\": \"Gate\",\n \"title\": \"Unreviewed changes fail\",\n \"text\": \"A prod change without a review exits 1, in any CI that runs a container.\"\n }\n ]\n}", "from": "https://next.mdxui.dev/pages/diffkeel/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": false }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "aside", "type": "object", "required": false }, { "path": "aside.command", "type": "string ≤12", "required": true, "min": 1, "max": 12 }, { "path": "aside.note", "type": "string ≤40", "required": true, "min": 1, "max": 40 }, { "path": "cellHead", "type": "\"label\" | \"icon-index\" | \"icon-label\" | \"icon\" | \"none\"", "required": true }, { "path": "dense", "type": "boolean", "required": false }, { "path": "items", "type": "2–8 × object", "required": true, "min": 2, "max": 8 }, { "path": "items[].icon", "type": "icon or mark name (52)", "required": false }, { "path": "items[].label", "type": "string ≤24", "required": false, "min": 1, "max": 24 }, { "path": "items[].index", "type": "string ≤2", "required": false, "min": 1, "max": 2 }, { "path": "items[].title", "type": "string ≤40", "required": false, "min": 1, "max": 40 }, { "path": "items[].text", "type": "string ≤200", "required": false, "min": 1, "max": 200 }, { "path": "items[].href", "type": "string ≤160", "required": false, "min": 1, "max": 160 }, { "path": "items[].linkLabel", "type": "string ≤24", "required": false, "min": 1, "max": 24 } ] } ], "variants": [ { "id": "default", "label": "feature-grid", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/feature-grid/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/feature-grid/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/feature-grid/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/feature-grid/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/feature-grid/default/callboard", "directory": "https://next.mdxui.dev/components/variant/feature-grid/default/directory" } }, { "id": "2", "label": "2", "layout": null, "count": 2, "record": "https://next.mdxui.dev/components/variant/feature-grid/2.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/feature-grid/2/certificate", "vaultline": "https://next.mdxui.dev/components/variant/feature-grid/2/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/feature-grid/2/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/feature-grid/2/callboard", "directory": "https://next.mdxui.dev/components/variant/feature-grid/2/directory" } }, { "id": "3", "label": "3", "layout": null, "count": 3, "record": "https://next.mdxui.dev/components/variant/feature-grid/3.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/feature-grid/3/certificate", "vaultline": "https://next.mdxui.dev/components/variant/feature-grid/3/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/feature-grid/3/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/feature-grid/3/callboard", "directory": "https://next.mdxui.dev/components/variant/feature-grid/3/directory" } }, { "id": "4", "label": "4", "layout": null, "count": 4, "record": "https://next.mdxui.dev/components/variant/feature-grid/4.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/feature-grid/4/certificate", "vaultline": "https://next.mdxui.dev/components/variant/feature-grid/4/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/feature-grid/4/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/feature-grid/4/callboard", "directory": "https://next.mdxui.dev/components/variant/feature-grid/4/directory" } }, { "id": "6", "label": "6", "layout": null, "count": 6, "record": "https://next.mdxui.dev/components/variant/feature-grid/6.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/feature-grid/6/certificate", "vaultline": "https://next.mdxui.dev/components/variant/feature-grid/6/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/feature-grid/6/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/feature-grid/6/callboard", "directory": "https://next.mdxui.dev/components/variant/feature-grid/6/directory" } }, { "id": "8", "label": "8", "layout": null, "count": 8, "record": "https://next.mdxui.dev/components/variant/feature-grid/8.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/feature-grid/8/certificate", "vaultline": "https://next.mdxui.dev/components/variant/feature-grid/8/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/feature-grid/8/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/feature-grid/8/callboard", "directory": "https://next.mdxui.dev/components/variant/feature-grid/8/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/feature-grid/default/certificate", "stills": [] }, { "id": "feature-split", "group": "Features", "job": "Copy with exactly three features beside one preview window.", "glyph": "columns-2", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/feature-split", "schema": "https://next.mdxui.dev/schema/sections/feature-split.json", "example": { "lang": "json", "code": "{\n \"type\": \"feature-split\",\n \"head\": { \"eyebrow\": \"For the bridge\", \"title\": \"Plan the passage, not the math.\" },\n \"items\": [\n { \"icon\": \"clock\", \"title\": \"Windows, not tables\", \"text\": \"Ask for a draft and get the hours it clears.\" },\n { \"icon\": \"bell\", \"title\": \"Alerts before the turn\", \"text\": \"A webhook fires an hour before a window closes.\" },\n { \"icon\": \"shield-check\", \"title\": \"One source per berth\", \"text\": \"Each answer names its station and its datum.\" }\n ],\n \"specimen\": {\n \"blocks\": [\n {\n \"type\": \"terminal\",\n \"variant\": \"plain\",\n \"title\": \"A 3.2 m draft at pier 4\",\n \"lang\": \"json\",\n \"lines\": [\"{\", \" \\\"draft\\\": 3.2,\", \" \\\"opens\\\": \\\"08:05\\\",\", \" \\\"closes\\\": \\\"12:50\\\"\", \"}\"]\n }\n ]\n }\n}", "from": "https://next.mdxui.dev/pages/harbor/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "bases", "type": "[integer 240–640, integer 240–640]", "required": false, "min": 2, "max": 2 }, { "path": "items", "type": "3 × object", "required": true, "min": 3, "max": 3 }, { "path": "items[].icon", "type": "icon or mark name (52)", "required": false }, { "path": "items[].index", "type": "string ≤2", "required": false, "min": 1, "max": 2 }, { "path": "items[].title", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "items[].text", "type": "string ≤96", "required": true, "min": 1, "max": 96 }, { "path": "items[].bullets", "type": "0–4 × string ≤48", "required": false, "max": 4 }, { "path": "specimen", "type": "object", "required": true }, { "path": "specimen.panel", "type": "\"none\" | \"field\"", "required": false }, { "path": "specimen.blocks", "type": "1–3 × Section type (nested)", "required": true, "min": 1, "max": 3 } ] } ], "variants": [ { "id": "default", "label": "feature-split", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/feature-split/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/feature-split/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/feature-split/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/feature-split/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/feature-split/default/callboard", "directory": "https://next.mdxui.dev/components/variant/feature-split/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/feature-split/default/quaypoint", "stills": [] }, { "id": "bento", "group": "Features", "job": "Two to four panels, each a claim with its own preview, laid out from their count.", "glyph": "layout-dashboard", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/bento", "schema": "https://next.mdxui.dev/schema/sections/bento.json", "example": { "lang": "json", "code": "{\n \"type\": \"bento\",\n \"head\": { \"eyebrow\": \"Where it runs\", \"title\": \"Laptop, team, agent.\" },\n \"panels\": [\n {\n \"title\": \"On a laptop\",\n \"text\": \"Before the pull request.\",\n \"specimen\": {\n \"type\": \"terminal\",\n \"variant\": \"plain\",\n \"title\": \"zsh · feature/shorter-timeouts\",\n \"lang\": \"console\",\n \"lines\": [\n \"$ diffkeel diff staging\",\n \"rendered staging from 2 files in 18 ms\",\n \"api.yaml timeout 30s -> 10s\",\n \"api.yaml retries 3 -> 5\",\n \"1 file, 2 changes, 0 secrets\",\n \"$ diffkeel render staging --key api.timeout\",\n \"10s from staging.yaml, line 12\",\n \" over base.yaml, line 4 (30s)\",\n \"$ diffkeel diff staging --json | wc -l\",\n \"2\"\n ]\n }\n },\n {\n \"title\": \"For the team\",\n \"text\": \"Stored diffs and approvals, on Team.\",\n \"specimen\": {\n \"type\": \"api-call\",\n \"method\": \"POST\",\n \"path\": \"/v1/diffs/{id}/approve\",\n \"examples\": [\n { \"label\": \"Approve\", \"request\": \"{ \\\"env\\\": \\\"prod\\\" }\", \"status\": \"200 OK\", \"response\": \"{ \\\"id\\\": \\\"df_8k2\\\", \\\"approved\\\": true }\" }\n ]\n }\n },\n {\n \"title\": \"In an agent\",\n \"text\": \"JSON output an agent reads.\",\n \"specimen\": {\n \"type\": \"agent-prompt\",\n \"label\": \"Ask an agent\",\n \"lines\": [\"Run diffkeel diff prod --json and explain each change in one line.\"]\n }\n }\n ]\n}", "from": "https://next.mdxui.dev/pages/diffkeel/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "panels", "type": "2–4 × object", "required": true, "min": 2, "max": 4 }, { "path": "panels[].title", "type": "string ≤48", "required": true, "min": 1, "max": 48 }, { "path": "panels[].text", "type": "string ≤120", "required": false, "min": 1, "max": 120 }, { "path": "panels[].specimen", "type": "Section type (nested)", "required": true } ] } ], "variants": [ { "id": "default", "label": "bento", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/bento/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/bento/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/bento/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/bento/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/bento/default/callboard", "directory": "https://next.mdxui.dev/components/variant/bento/default/directory" } }, { "id": "2", "label": "2", "layout": null, "count": 2, "record": "https://next.mdxui.dev/components/variant/bento/2.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/bento/2/certificate", "vaultline": "https://next.mdxui.dev/components/variant/bento/2/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/bento/2/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/bento/2/callboard", "directory": "https://next.mdxui.dev/components/variant/bento/2/directory" } }, { "id": "3", "label": "3", "layout": null, "count": 3, "record": "https://next.mdxui.dev/components/variant/bento/3.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/bento/3/certificate", "vaultline": "https://next.mdxui.dev/components/variant/bento/3/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/bento/3/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/bento/3/callboard", "directory": "https://next.mdxui.dev/components/variant/bento/3/directory" } }, { "id": "4", "label": "4", "layout": null, "count": 4, "record": "https://next.mdxui.dev/components/variant/bento/4.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/bento/4/certificate", "vaultline": "https://next.mdxui.dev/components/variant/bento/4/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/bento/4/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/bento/4/callboard", "directory": "https://next.mdxui.dev/components/variant/bento/4/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/bento/default/certificate", "stills": [] }, { "id": "compare", "group": "Features", "job": "Two columns side by side: what the old way costs and what this one gives.", "glyph": "git-compare", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/compare", "schema": "https://next.mdxui.dev/schema/sections/compare.json", "example": { "lang": "json", "code": "{\n \"type\": \"compare\",\n \"head\": { \"eyebrow\": \"Against station tables\", \"title\": \"The berth, not the nearest station.\" },\n \"cons\": {\n \"label\": \"Station tables\",\n \"items\": [\"Heights at the station\", \"One PDF per month\", \"Datum in the small print\", \"Math done by hand\"]\n },\n \"pros\": {\n \"label\": \"Harbor tides\",\n \"items\": [\"Heights at the berth\", \"Fourteen days per call\", \"Datum on every height\", \"The window computed\"]\n }\n}", "from": "https://next.mdxui.dev/pages/harbor/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "cons", "type": "object", "required": true }, { "path": "cons.label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "cons.items", "type": "1–8 × string ≤56", "required": true, "min": 1, "max": 8 }, { "path": "pros", "type": "object", "required": true }, { "path": "pros.label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "pros.items", "type": "1–8 × string ≤56", "required": true, "min": 1, "max": 8 } ] } ], "variants": [ { "id": "default", "label": "compare", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/compare/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/compare/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/compare/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/compare/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/compare/default/callboard", "directory": "https://next.mdxui.dev/components/variant/compare/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/compare/default/quaypoint", "stills": [] }, { "id": "steps", "group": "Features", "job": "Copy beside a numbered list of three to five steps.", "glyph": "list-ordered", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/steps", "schema": "https://next.mdxui.dev/schema/sections/steps.json", "example": { "lang": "json", "code": "{\n \"type\": \"steps\",\n \"head\": { \"eyebrow\": \"How it works\", \"title\": \"From berth to window.\" },\n \"steps\": [\"Name the berth\", \"Give the draft\", \"Read the window\", \"Set an alert before it closes\"]\n}", "from": "https://next.mdxui.dev/pages/harbor/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "more", "type": "0–2 × string ≤96", "required": false, "max": 2 }, { "path": "steps", "type": "3–5 × string ≤56", "required": true, "min": 3, "max": 5 }, { "path": "specimen", "type": "object", "required": false }, { "path": "specimen.panel", "type": "\"none\" | \"field\"", "required": false }, { "path": "specimen.blocks", "type": "1–3 × Section type (nested)", "required": true, "min": 1, "max": 3 } ] } ], "variants": [ { "id": "default", "label": "steps", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/steps/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/steps/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/steps/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/steps/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/steps/default/callboard", "directory": "https://next.mdxui.dev/components/variant/steps/default/directory" } }, { "id": "3", "label": "3", "layout": null, "count": 3, "record": "https://next.mdxui.dev/components/variant/steps/3.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/steps/3/certificate", "vaultline": "https://next.mdxui.dev/components/variant/steps/3/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/steps/3/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/steps/3/callboard", "directory": "https://next.mdxui.dev/components/variant/steps/3/directory" } }, { "id": "4", "label": "4", "layout": null, "count": 4, "record": "https://next.mdxui.dev/components/variant/steps/4.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/steps/4/certificate", "vaultline": "https://next.mdxui.dev/components/variant/steps/4/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/steps/4/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/steps/4/callboard", "directory": "https://next.mdxui.dev/components/variant/steps/4/directory" } }, { "id": "5", "label": "5", "layout": null, "count": 5, "record": "https://next.mdxui.dev/components/variant/steps/5.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/steps/5/certificate", "vaultline": "https://next.mdxui.dev/components/variant/steps/5/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/steps/5/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/steps/5/callboard", "directory": "https://next.mdxui.dev/components/variant/steps/5/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/steps/default/quaypoint", "stills": [] }, { "id": "text-stack", "group": "Features", "job": "Copy beside a column of ruled, titled paragraphs.", "glyph": "align-left", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/text-stack", "schema": "https://next.mdxui.dev/schema/sections/text-stack.json", "example": { "lang": "json", "code": "{\n \"type\": \"text-stack\",\n \"head\": { \"eyebrow\": \"House rules\", \"title\": \"Four rules for every issue.\", \"lede\": \"They hold for every issue since the first.\" },\n \"layout\": \"stack\",\n \"items\": [\n { \"title\": \"No sponsors\", \"text\": \"Paid readers fund the letter. No issue carries an advertisement.\" },\n { \"title\": \"No affiliate links\", \"text\": \"A tool named in an issue earns Sidework nothing.\" },\n { \"title\": \"Numbers worked\", \"text\": \"Every price and tax figure shows its arithmetic, so you can redo it with yours.\" },\n { \"title\": \"Corrections on top\", \"text\": \"A mistake is corrected at the top of the issue, with the date it was fixed.\" }\n ]\n}", "from": "https://next.mdxui.dev/pages/sidework/about.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "layout", "type": "\"stack\" | \"grid\"", "required": false }, { "path": "items", "type": "3–6 × object", "required": true, "min": 3, "max": 6 }, { "path": "items[].title", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "items[].text", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "items[].href", "type": "string ≤160", "required": false, "min": 1, "max": 160 } ] } ], "variants": [ { "id": "stack", "label": "stack", "layout": "stack", "count": null, "record": "https://next.mdxui.dev/components/variant/text-stack/stack.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/text-stack/stack/certificate", "vaultline": "https://next.mdxui.dev/components/variant/text-stack/stack/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/text-stack/stack/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/text-stack/stack/callboard", "directory": "https://next.mdxui.dev/components/variant/text-stack/stack/directory" } }, { "id": "grid", "label": "grid", "layout": "grid", "count": null, "record": "https://next.mdxui.dev/components/variant/text-stack/grid.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/text-stack/grid/certificate", "vaultline": "https://next.mdxui.dev/components/variant/text-stack/grid/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/text-stack/grid/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/text-stack/grid/callboard", "directory": "https://next.mdxui.dev/components/variant/text-stack/grid/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/text-stack/stack/vaultline", "stills": [] }, { "id": "terminal", "group": "Code and prompts", "job": "The code window: dark in every Theme and scheme, plain or tabbed.", "glyph": "square-terminal", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/terminal", "schema": "https://next.mdxui.dev/schema/sections/terminal.json", "example": { "lang": "json", "code": "{\n \"type\": \"terminal\",\n \"variant\": \"tabs\",\n \"title\": \"One diff, three places\",\n \"group\": \"where\",\n \"tabs\": [\n {\n \"label\": \"CLI\",\n \"lines\": [\n { \"cmd\": \"diffkeel diff prod\", \"space\": \"after\" },\n { \"out\": \"rendered prod from 3 files in 41 ms\" },\n {\n \"row\": [\"api.yaml\", \"timeout 30s to 5s\"]\n },\n {\n \"row\": [\"worker.yaml\", \"queue.concurrency 8 to 16\"]\n },\n {\n \"row\": [\"prod.env\", \"DB_PASSWORD changed, value masked\"]\n },\n { \"gap\": \"sm\" },\n { \"out\": \"3 changes, 1 secret, 0 reviews\", \"cursor\": true }\n ]\n },\n {\n \"label\": \"CI\",\n \"lines\": [\n { \"cmd\": \"diffkeel check --env prod --require-review\", \"space\": \"after\" },\n { \"out\": \"3 changes in prod need a review\" },\n {\n \"row\": [\"api.yaml\", \"timeout 30s to 5s\"]\n },\n {\n \"row\": [\"worker.yaml\", \"queue.concurrency 8 to 16\"]\n },\n {\n \"row\": [\"prod.env\", \"DB_PASSWORD changed, value masked\"]\n },\n { \"gap\": \"sm\" },\n { \"out\": \"exit 1: deploy stopped\", \"cursor\": true }\n ]\n },\n {\n \"label\": \"Config\",\n \"lines\": [\n { \"text\": \"# diffkeel.toml\" },\n { \"text\": \"[env.prod]\" },\n { \"text\": \"files = [\\\"base.yaml\\\", \\\"prod.yaml\\\", \\\"prod.env\\\"]\" },\n { \"text\": \"live = \\\"./scripts/read-live-config.sh prod\\\"\" },\n { \"text\": \"mask = [\\\"DB_PASSWORD\\\", \\\"API_TOKEN\\\"]\" },\n { \"text\": \"review = \\\"required\\\"\" }\n ],\n \"pre\": true\n }\n ]\n}", "from": "https://next.mdxui.dev/pages/diffkeel/home.json" }, "fields": [ { "variant": "variant: \"plain\"", "rows": [ { "path": "variant", "type": "\"plain\"", "required": true }, { "path": "title", "type": "string ≤48", "required": false, "min": 1, "max": 48 }, { "path": "lang", "type": "icon or mark name (44)", "required": false }, { "path": "lines", "type": "1–32 × string ≤100", "required": true, "min": 1, "max": 32 }, { "path": "copy", "type": "boolean", "required": false } ] }, { "variant": "variant: \"tabs\"", "rows": [ { "path": "variant", "type": "\"tabs\"", "required": true }, { "path": "title", "type": "string ≤48", "required": false, "min": 1, "max": 48 }, { "path": "group", "type": "string (pattern)", "required": true }, { "path": "tabs", "type": "1–4 × object", "required": true, "min": 1, "max": 4 }, { "path": "tabs[].label", "type": "string ≤6", "required": true, "min": 1, "max": 6 }, { "path": "tabs[].lines", "type": "1–24 × object | object | object | object | object", "required": true, "min": 1, "max": 24 }, { "path": "tabs[].lines[].cmd", "type": "string ≤64", "required": true, "min": 1, "max": 64 }, { "path": "tabs[].lines[].space", "type": "\"after\" | \"both\"", "required": false }, { "path": "tabs[].lines[].row", "type": "[string ≤16, string ≤56]", "required": true, "min": 2, "max": 2 }, { "path": "tabs[].lines[].out", "type": "string ≤64", "required": true, "min": 1, "max": 64 }, { "path": "tabs[].lines[].cursor", "type": "boolean", "required": false }, { "path": "tabs[].lines[].gap", "type": "\"sm\" | \"lg\"", "required": true }, { "path": "tabs[].lines[].text", "type": "string ≤128", "required": true, "min": 1, "max": 128 }, { "path": "tabs[].pre", "type": "boolean", "required": false }, { "path": "copy", "type": "boolean", "required": false } ] } ], "variants": [ { "id": "default", "label": "terminal", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/terminal/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/terminal/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/terminal/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/terminal/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/terminal/default/callboard", "directory": "https://next.mdxui.dev/components/variant/terminal/default/directory" } }, { "id": "plain", "label": "plain", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/terminal/plain.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/terminal/plain/certificate", "vaultline": "https://next.mdxui.dev/components/variant/terminal/plain/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/terminal/plain/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/terminal/plain/callboard", "directory": "https://next.mdxui.dev/components/variant/terminal/plain/directory" } }, { "id": "tabs", "label": "tabs", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/terminal/tabs.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/terminal/tabs/certificate", "vaultline": "https://next.mdxui.dev/components/variant/terminal/tabs/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/terminal/tabs/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/terminal/tabs/callboard", "directory": "https://next.mdxui.dev/components/variant/terminal/tabs/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/terminal/default/certificate", "stills": [] }, { "id": "command-row", "group": "Code and prompts", "job": "One command to copy, with a note beneath it.", "glyph": "terminal", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/command-row", "schema": "https://next.mdxui.dev/schema/sections/command-row.json", "example": { "lang": "json", "code": "{ \"type\": \"command-row\", \"command\": \"npm i harbor-tides\", \"note\": \"Node.js 22 or later\" }", "from": "https://next.mdxui.dev/pages/harbor/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "command", "type": "string ≤40", "required": true, "min": 1, "max": 40 }, { "path": "note", "type": "string ≤48", "required": false, "min": 1, "max": 48 } ] } ], "variants": [ { "id": "default", "label": "command-row", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/command-row/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/command-row/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/command-row/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/command-row/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/command-row/default/callboard", "directory": "https://next.mdxui.dev/components/variant/command-row/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/command-row/default/quaypoint", "stills": [] }, { "id": "api-call", "group": "Code and prompts", "job": "One API call beside its answer, a JSON response or an event stream.", "glyph": "arrow-left-right", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/api-call", "schema": "https://next.mdxui.dev/schema/sections/api-call.json", "example": { "lang": "json", "code": "{\n \"type\": \"api-call\",\n \"method\": \"GET\",\n \"path\": \"/v1/berths/{berth}/tides\",\n \"note\": \"One berth, 14 days\",\n \"examples\": [\n {\n \"label\": \"Pier 4, today\",\n \"request\": \"curl https://api.harbor-tides.example/v1/berths/pier-4/tides?days=1\",\n \"status\": \"200 OK\",\n \"response\": \"{\\n \\\"berth\\\": \\\"pier-4\\\",\\n \\\"datum\\\": \\\"chart datum\\\",\\n \\\"tides\\\": [\\n { \\\"at\\\": \\\"04:12\\\", \\\"type\\\": \\\"low\\\", \\\"m\\\": 0.6 },\\n { \\\"at\\\": \\\"10:31\\\", \\\"type\\\": \\\"high\\\", \\\"m\\\": 4.1 },\\n { \\\"at\\\": \\\"16:40\\\", \\\"type\\\": \\\"low\\\", \\\"m\\\": 0.8 },\\n { \\\"at\\\": \\\"22:58\\\", \\\"type\\\": \\\"high\\\", \\\"m\\\": 3.9 }\\n ]\\n}\"\n }\n ]\n}", "from": "https://next.mdxui.dev/pages/harbor/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "method", "type": "\"GET\" | \"POST\" | \"PUT\" | \"PATCH\" | \"DELETE\"", "required": true }, { "path": "path", "type": "string ≤72", "required": true, "min": 1, "max": 72 }, { "path": "note", "type": "string ≤32", "required": false, "min": 1, "max": 32 }, { "path": "group", "type": "string (pattern)", "required": false }, { "path": "examples", "type": "1–4 × object", "required": true, "min": 1, "max": 4 }, { "path": "examples[].label", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "examples[].request", "type": "string ≤1008", "required": true, "min": 1, "max": 1008 }, { "path": "examples[].status", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "examples[].response", "type": "string ≤1728", "required": false, "min": 1, "max": 1728 }, { "path": "examples[].events", "type": "1–10 × object", "required": false, "min": 1, "max": 10 }, { "path": "examples[].events[].at", "type": "string ≤12", "required": true, "min": 1, "max": 12 }, { "path": "examples[].events[].name", "type": "string ≤40", "required": true, "min": 1, "max": 40 }, { "path": "examples[].events[].ref", "type": "string ≤16", "required": false, "min": 1, "max": 16 }, { "path": "examples[].events[].text", "type": "string ≤80", "required": true, "min": 1, "max": 80 }, { "path": "examples[].events[].open", "type": "boolean", "required": false } ] } ], "variants": [ { "id": "default", "label": "api-call", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/api-call/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/api-call/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/api-call/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/api-call/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/api-call/default/callboard", "directory": "https://next.mdxui.dev/components/variant/api-call/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/api-call/default/quaypoint", "stills": [] }, { "id": "endpoints", "group": "Code and prompts", "job": "An API at a glance: one ruled row per route, with its method, path and job.", "glyph": "route", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/endpoints", "schema": "https://next.mdxui.dev/schema/sections/endpoints.json", "example": { "lang": "json", "code": "{\n \"type\": \"endpoints\",\n \"head\": { \"eyebrow\": \"The API\", \"title\": \"Four routes, one shape.\" },\n \"rows\": [\n { \"method\": \"GET\", \"path\": \"/v1/berths\", \"text\": \"Every berth in a harbor, with its charted depth\" },\n { \"method\": \"GET\", \"path\": \"/v1/berths/{berth}/tides\", \"text\": \"High and low water for one berth\" },\n { \"method\": \"GET\", \"path\": \"/v1/berths/{berth}/window\", \"text\": \"The hours a given draft clears\" },\n { \"method\": \"POST\", \"path\": \"/v1/alerts\", \"text\": \"A webhook before a window closes\" }\n ]\n}", "from": "https://next.mdxui.dev/pages/harbor/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "rows", "type": "3–16 × object", "required": true, "min": 3, "max": 16 }, { "path": "rows[].method", "type": "\"GET\" | \"POST\" | \"PUT\" | \"PATCH\" | \"DELETE\"", "required": true }, { "path": "rows[].path", "type": "string ≤64", "required": true, "min": 1, "max": 64 }, { "path": "rows[].text", "type": "string ≤96", "required": true, "min": 1, "max": 96 }, { "path": "rows[].href", "type": "string ≤160", "required": false, "min": 1, "max": 160 }, { "path": "note", "type": "string ≤160", "required": false, "min": 1, "max": 160 } ] } ], "variants": [ { "id": "default", "label": "endpoints", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/endpoints/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/endpoints/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/endpoints/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/endpoints/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/endpoints/default/callboard", "directory": "https://next.mdxui.dev/components/variant/endpoints/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/endpoints/default/quaypoint", "stills": [] }, { "id": "agent-prompt", "group": "Code and prompts", "job": "The prompt a reader pastes into a coding agent, copied in one action.", "glyph": "bot", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/agent-prompt", "schema": "https://next.mdxui.dev/schema/sections/agent-prompt.json", "example": { "lang": "json", "code": "{\n \"type\": \"agent-prompt\",\n \"label\": \"Paste into your agent\",\n \"lines\": [\"Install harbor-tides from npm.\", \"Fetch the tide window for a 3.2 m draft at pier 4 today.\", \"Print when it opens and when it closes.\"]\n}", "from": "https://next.mdxui.dev/pages/harbor/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "lines", "type": "1–6 × string ≤200", "required": true, "min": 1, "max": 6 } ] } ], "variants": [ { "id": "default", "label": "agent-prompt", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/agent-prompt/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/agent-prompt/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/agent-prompt/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/agent-prompt/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/agent-prompt/default/callboard", "directory": "https://next.mdxui.dev/components/variant/agent-prompt/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/agent-prompt/default/quaypoint", "stills": [] }, { "id": "pricing", "group": "Offer", "job": "One to four plans under a section head, one of them featured.", "glyph": "tags", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/pricing", "schema": "https://next.mdxui.dev/schema/sections/pricing.json", "example": { "lang": "json", "code": "{\n \"type\": \"pricing\",\n \"head\": {\n \"eyebrow\": \"Fees\",\n \"title\": \"Fixed fees, set at intake.\",\n \"lede\": \"Fees follow transactions a month, never hours. Each fee holds for twelve months.\"\n },\n \"layout\": \"ruled\",\n \"tiers\": [\n {\n \"name\": \"Close\",\n \"price\": \"$450\",\n \"note\": \"a month\",\n \"desc\": \"Up to 150 transactions a month.\",\n \"features\": [\"Monthly close by the fifth\", \"One signed report\", \"Two bank accounts\"],\n \"cta\": \"Start intake\",\n \"href\": \"/intake\"\n },\n {\n \"name\": \"Close and tax\",\n \"price\": \"$750\",\n \"note\": \"a month\",\n \"desc\": \"Up to 400 transactions, with tax.\",\n \"features\": [\"Everything in Close\", \"Quarterly tax estimates\", \"The annual business return\", \"Five bank accounts\"],\n \"cta\": \"Start intake\",\n \"href\": \"/intake\",\n \"featured\": true\n },\n {\n \"name\": \"Partner\",\n \"price\": \"$1,400\",\n \"note\": \"a month\",\n \"desc\": \"Up to 1,000 transactions, two entities.\",\n \"features\": [\"Everything in Close and tax\", \"Returns for two owners\", \"Payroll posted monthly\", \"A quarterly review call\"],\n \"cta\": \"Start intake\",\n \"href\": \"/intake\"\n }\n ],\n \"featuredBadge\": \"Includes tax\",\n \"note\": \"Catch-up months are quoted once, at intake. Fees exclude sales tax where it applies.\"\n}", "from": "https://next.mdxui.dev/pages/ledgerhouse/pricing.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "layout", "type": "\"ruled\" | \"cards\"", "required": true }, { "path": "tiers", "type": "1–4 × object", "required": true, "min": 1, "max": 4 }, { "path": "tiers[].name", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "tiers[].price", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "tiers[].note", "type": "string ≤24", "required": false, "min": 1, "max": 24 }, { "path": "tiers[].desc", "type": "string ≤80", "required": false, "min": 1, "max": 80 }, { "path": "tiers[].features", "type": "1–10 × string ≤56", "required": true, "min": 1, "max": 10 }, { "path": "tiers[].cta", "type": "string ≤40", "required": true, "min": 1, "max": 40 }, { "path": "tiers[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "tiers[].featured", "type": "boolean", "required": false }, { "path": "featuredBadge", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "note", "type": "string ≤120", "required": false, "min": 1, "max": 120 } ] } ], "variants": [ { "id": "ruled", "label": "ruled", "layout": "ruled", "count": null, "record": "https://next.mdxui.dev/components/variant/pricing/ruled.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/pricing/ruled/certificate", "vaultline": "https://next.mdxui.dev/components/variant/pricing/ruled/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/pricing/ruled/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/pricing/ruled/callboard", "directory": "https://next.mdxui.dev/components/variant/pricing/ruled/directory" } }, { "id": "cards", "label": "cards", "layout": "cards", "count": null, "record": "https://next.mdxui.dev/components/variant/pricing/cards.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/pricing/cards/certificate", "vaultline": "https://next.mdxui.dev/components/variant/pricing/cards/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/pricing/cards/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/pricing/cards/callboard", "directory": "https://next.mdxui.dev/components/variant/pricing/cards/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/pricing/ruled/vaultline", "stills": [] }, { "id": "plan-table", "group": "Offer", "job": "Plans as one ruled comparison table: a row per plan, a column per fact.", "glyph": "table", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/plan-table", "schema": "https://next.mdxui.dev/schema/sections/plan-table.json", "example": { "lang": "json", "code": "{\n \"type\": \"plan-table\",\n \"title\": \"Every plan, line by line\",\n \"columns\": [\"Diff\", \"CI check\", \"Stored diffs\", \"Approvals\", \"API\"],\n \"rows\": [\n {\n \"name\": \"CLI\",\n \"cells\": [\"yes\", \"yes\", \"no\", \"no\", \"no\"]\n },\n {\n \"name\": \"Team\",\n \"cells\": [\"yes\", \"yes\", \"1 year\", \"yes\", \"yes\"]\n },\n {\n \"name\": \"Org\",\n \"cells\": [\"yes\", \"yes\", \"7 years\", \"yes, with roles\", \"yes\"]\n }\n ]\n}", "from": "https://next.mdxui.dev/pages/diffkeel/pricing.json" }, "fields": [ { "variant": null, "rows": [ { "path": "title", "type": "string ≤48", "required": false, "min": 1, "max": 48 }, { "path": "columns", "type": "1–6 × string ≤16", "required": true, "min": 1, "max": 6 }, { "path": "rows", "type": "1–8 × object", "required": true, "min": 1, "max": 8 }, { "path": "rows[].name", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "rows[].cells", "type": "1–6 × string ≤32", "required": true, "min": 1, "max": 6 }, { "path": "rows[].note", "type": "string ≤40", "required": false, "min": 1, "max": 40 }, { "path": "foot", "type": "string ≤160", "required": false, "min": 1, "max": 160 } ] } ], "variants": [ { "id": "default", "label": "plan-table", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/plan-table/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/plan-table/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/plan-table/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/plan-table/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/plan-table/default/callboard", "directory": "https://next.mdxui.dev/components/variant/plan-table/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/plan-table/default/certificate", "stills": [] }, { "id": "faq", "group": "Questions and calls", "job": "A heading beside questions that open in place, every one closed at first.", "glyph": "circle-help", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/faq", "schema": "https://next.mdxui.dev/schema/sections/faq.json", "example": { "lang": "json", "code": "{\n \"type\": \"faq\",\n \"head\": { \"eyebrow\": \"Questions\", \"title\": \"Before you list.\" },\n \"items\": [\n { \"q\": \"What does Benchlist charge?\", \"a\": \"12 percent of each booking, taken when it is paid. Listing costs nothing.\" },\n { \"q\": \"Who sets the rules?\", \"a\": \"The host. House rules print on the listing and every renter accepts them before booking.\" },\n { \"q\": \"What can be listed?\", \"a\": \"A bench, a room or a machine, by the hour. Benchlist lists things, never people or lessons.\" }\n ]\n}", "from": "https://next.mdxui.dev/pages/benchlist/list-a-bench.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "items", "type": "1–10 × object", "required": false, "min": 1, "max": 10 }, { "path": "items[].q", "type": "string ≤64", "required": true, "min": 1, "max": 64 }, { "path": "items[].a", "type": "string ≤420", "required": true, "min": 1, "max": 420 }, { "path": "groups", "type": "1–4 × object", "required": false, "min": 1, "max": 4 }, { "path": "groups[].title", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "groups[].items", "type": "1–6 × object", "required": true, "min": 1, "max": 6 }, { "path": "groups[].items[].q", "type": "string ≤64", "required": true, "min": 1, "max": 64 }, { "path": "groups[].items[].a", "type": "string ≤420", "required": true, "min": 1, "max": 420 } ] } ], "variants": [ { "id": "default", "label": "faq", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/faq/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/faq/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/faq/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/faq/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/faq/default/callboard", "directory": "https://next.mdxui.dev/components/variant/faq/default/directory" } }, { "id": "items", "label": "items", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/faq/items.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/faq/items/certificate", "vaultline": "https://next.mdxui.dev/components/variant/faq/items/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/faq/items/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/faq/items/callboard", "directory": "https://next.mdxui.dev/components/variant/faq/items/directory" } }, { "id": "groups", "label": "groups", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/faq/groups.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/faq/groups/certificate", "vaultline": "https://next.mdxui.dev/components/variant/faq/groups/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/faq/groups/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/faq/groups/callboard", "directory": "https://next.mdxui.dev/components/variant/faq/groups/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/faq/default/directory", "stills": [] }, { "id": "closing", "group": "Questions and calls", "job": "The final call of a page: a head, then buttons or one command, never both.", "glyph": "flag", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/closing", "schema": "https://next.mdxui.dev/schema/sections/closing.json", "example": { "lang": "json", "code": "{\n \"type\": \"closing\",\n \"layout\": \"stack\",\n \"head\": {\n \"eyebrow\": \"Intake\",\n \"title\": \"Start with last month.\",\n \"lede\": \"Answer eight questions. A partner replies within two working days with a fixed fee and a start date.\"\n },\n \"actions\": [\n { \"href\": \"/intake\", \"label\": \"Start intake\", \"kind\": \"solid\" },\n { \"href\": \"/services\", \"label\": \"Read the services\", \"kind\": \"ghost\" }\n ]\n}", "from": "https://next.mdxui.dev/pages/ledgerhouse/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "layout", "type": "\"stack\" | \"split\"", "required": false }, { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "specimen", "type": "object", "required": false }, { "path": "specimen.panel", "type": "\"none\" | \"field\"", "required": false }, { "path": "specimen.blocks", "type": "1–3 × Section type (nested)", "required": true, "min": 1, "max": 3 }, { "path": "fine", "type": "0–4 × string ≤72", "required": false, "max": 4 }, { "path": "stats", "type": "0–4 × object", "required": false, "max": 4 }, { "path": "stats[].value", "type": "string ≤6", "required": true, "min": 1, "max": 6 }, { "path": "stats[].label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "actions", "type": "0–2 × object", "required": false, "max": 2 }, { "path": "actions[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "actions[].label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "actions[].kind", "type": "\"solid\" | \"ghost\"", "required": true }, { "path": "actions[].icon", "type": "icon or mark name (52)", "required": false }, { "path": "actions[].external", "type": "boolean", "required": false }, { "path": "command", "type": "string ≤40", "required": false, "min": 1, "max": 40 } ] } ], "variants": [ { "id": "stack", "label": "stack", "layout": "stack", "count": null, "record": "https://next.mdxui.dev/components/variant/closing/stack.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/closing/stack/certificate", "vaultline": "https://next.mdxui.dev/components/variant/closing/stack/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/closing/stack/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/closing/stack/callboard", "directory": "https://next.mdxui.dev/components/variant/closing/stack/directory" } }, { "id": "split", "label": "split", "layout": "split", "count": null, "record": "https://next.mdxui.dev/components/variant/closing/split.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/closing/split/certificate", "vaultline": "https://next.mdxui.dev/components/variant/closing/split/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/closing/split/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/closing/split/callboard", "directory": "https://next.mdxui.dev/components/variant/closing/split/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/closing/stack/vaultline", "stills": [] }, { "id": "cta-form", "group": "Questions and calls", "job": "Copy beside a short form: a plain post, answered with no script.", "glyph": "send", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/cta-form", "schema": "https://next.mdxui.dev/schema/sections/cta-form.json", "example": { "lang": "json", "code": "{\n \"type\": \"cta-form\",\n \"head\": { \"eyebrow\": \"Listing request\", \"title\": \"Tell Benchlist about it.\", \"lede\": \"Six answers. The tools you name become the listing.\" },\n \"action\": \"/list-a-bench/sent\",\n \"fields\": [\n { \"name\": \"workshop\", \"type\": \"text\", \"label\": \"Workshop\", \"placeholder\": \"Where the bench is\" },\n { \"name\": \"email\", \"type\": \"email\", \"label\": \"Email\", \"placeholder\": \"host@workshop.example\" },\n {\n \"name\": \"city\",\n \"type\": \"select\",\n \"label\": \"City\",\n \"options\": [\"Duluth\", \"Superior\", \"Two Harbors\", \"Cloquet\", \"Another city\"]\n },\n {\n \"name\": \"kind\",\n \"type\": \"select\",\n \"label\": \"Kind\",\n \"options\": [\"Kiln room\", \"Woodshop\", \"Metal\", \"Print\", \"Textile\", \"Jewelry\", \"Other\"]\n },\n { \"name\": \"rate\", \"type\": \"text\", \"label\": \"Hourly rate\", \"placeholder\": \"$20\" },\n { \"name\": \"tools\", \"type\": \"textarea\", \"label\": \"Tools included\", \"placeholder\": \"One tool per line\" }\n ],\n \"submit\": \"Send listing\",\n \"note\": \"Benchlist takes 12 percent of each booking.\"\n}", "from": "https://next.mdxui.dev/pages/benchlist/list-a-bench.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤72", "required": false, "min": 1, "max": 72 }, { "path": "head.lede", "type": "string ≤300", "required": false, "min": 1, "max": 300 }, { "path": "head.max", "type": "string (pattern)", "required": false }, { "path": "head.ledeMax", "type": "string (pattern)", "required": false }, { "path": "head.balance", "type": "boolean", "required": false }, { "path": "head.scale", "type": "\"compact\" | \"large\"", "required": false }, { "path": "head.tag", "type": "string ≤8", "required": false, "min": 1, "max": 8 }, { "path": "head.layout", "type": "\"split\"", "required": false }, { "path": "action", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "fields", "type": "1–8 × object", "required": true, "min": 1, "max": 8 }, { "path": "fields[].name", "type": "string (pattern)", "required": true }, { "path": "fields[].type", "type": "\"text\" | \"email\" | \"select\" | \"textarea\"", "required": true }, { "path": "fields[].label", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "fields[].placeholder", "type": "string ≤32", "required": false, "min": 1, "max": 32 }, { "path": "fields[].options", "type": "0–12 × string ≤32", "required": false, "max": 12 }, { "path": "submit", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "note", "type": "string ≤80", "required": false, "min": 1, "max": 80 } ] } ], "variants": [ { "id": "default", "label": "cta-form", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/cta-form/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/cta-form/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/cta-form/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/cta-form/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/cta-form/default/callboard", "directory": "https://next.mdxui.dev/components/variant/cta-form/default/directory" } }, { "id": "fields-1", "label": "1 field", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/cta-form/fields-1.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/cta-form/fields-1/certificate", "vaultline": "https://next.mdxui.dev/components/variant/cta-form/fields-1/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/cta-form/fields-1/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/cta-form/fields-1/callboard", "directory": "https://next.mdxui.dev/components/variant/cta-form/fields-1/directory" } }, { "id": "fields-8", "label": "8 fields", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/cta-form/fields-8.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/cta-form/fields-8/certificate", "vaultline": "https://next.mdxui.dev/components/variant/cta-form/fields-8/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/cta-form/fields-8/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/cta-form/fields-8/callboard", "directory": "https://next.mdxui.dev/components/variant/cta-form/fields-8/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/cta-form/default/directory", "stills": [] }, { "id": "article", "group": "Reading", "job": "A reading page: an optional head and share bar, then the body as prose.", "glyph": "newspaper", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/article", "schema": "https://next.mdxui.dev/schema/sections/article.json", "example": { "lang": "json", "code": "{\n \"type\": \"article\",\n \"head\": { \"title\": \"Terms\", \"dek\": \"Benchlist is a worked example. It shows a whole Site rendered by `@mdxui/site`, and it lists no real bench.\" },\n \"body\": \"Every bench, rate and rule on these pages is invented. The neighborhoods are real places in Duluth; the workshops in them are not.\\n\\n## One bench in full\\n\\nThe example builds one listing in full, [Kiln room 4](/bench/kiln-room-4). The other benches in the Duluth list link to the not-found page.\\n\\n## What does not run\\n\\nSearch, sorting and the kind filters reload the Duluth list unchanged, and the listing form sends nothing. A static host answers a page, not a query.\\n\\n## The records\\n\\nEach page of this Site is a JSON record served beside its render. Copy any record and rewrite it for your own Business.\"\n}", "from": "https://next.mdxui.dev/pages/benchlist/terms.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": false }, { "path": "head.back", "type": "object", "required": false }, { "path": "head.back.href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "head.back.label", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "head.tag", "type": "string ≤20", "required": false, "min": 1, "max": 20 }, { "path": "head.dateline", "type": "object", "required": false }, { "path": "head.dateline.date", "type": "string (pattern)", "required": true }, { "path": "head.dateline.read", "type": "object", "required": false }, { "path": "head.title", "type": "string ≤80", "required": true, "min": 1, "max": 80 }, { "path": "head.dek", "type": "string ≤360", "required": false, "min": 1, "max": 360 }, { "path": "share", "type": "object", "required": false }, { "path": "share.url", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "share.title", "type": "string ≤80", "required": true, "min": 1, "max": 80 }, { "path": "share.label", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "share.on", "type": "1–5 × \"reddit\" | \"x\" | \"linkedin\" | \"bluesky\" | \"hackernews\"", "required": true, "min": 1, "max": 5 }, { "path": "body", "type": "string ≤12000", "required": true, "min": 1, "max": 12000 }, { "path": "copy", "type": "boolean", "required": false } ] } ], "variants": [ { "id": "default", "label": "article", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/article/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/article/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/article/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/article/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/article/default/callboard", "directory": "https://next.mdxui.dev/components/variant/article/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/article/default/directory", "stills": [] }, { "id": "post-list", "group": "Reading", "job": "A blog index: a head, then the posts as ruled rows.", "glyph": "rows-3", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/post-list", "schema": "https://next.mdxui.dev/schema/sections/post-list.json", "example": { "lang": "json", "code": "{\n \"type\": \"post-list\",\n \"head\": {\n \"eyebrow\": \"Latest\",\n \"title\": \"Recent issues\",\n \"lede\": \"The newest three, and issue 1. Issue 1 is free to read; the rest come with the paid letter.\"\n },\n \"read\": \"Read\",\n \"posts\": [\n {\n \"href\": \"/subscribe\",\n \"tag\": \"Pricing\",\n \"dateline\": {\n \"date\": \"2026-10-20\",\n \"read\": { \"minutes\": 5, \"unit\": \"min read\" }\n },\n \"title\": \"Pricing a rush job\",\n \"dek\": \"A rush costs your evenings twice: the work and what it pushes out. Price both, and say the rush fee first.\"\n },\n {\n \"href\": \"/subscribe\",\n \"tag\": \"Work\",\n \"dateline\": {\n \"date\": \"2026-10-13\",\n \"read\": { \"minutes\": 7, \"unit\": \"min read\" }\n },\n \"title\": \"When to quit the day job\",\n \"dek\": \"Three numbers decide it: months of costs saved, months of revenue booked, and the hours the side work takes.\"\n },\n {\n \"href\": \"/subscribe\",\n \"tag\": \"Tax\",\n \"dateline\": {\n \"date\": \"2026-10-06\",\n \"read\": { \"minutes\": 6, \"unit\": \"min read\" }\n },\n \"title\": \"The year-end checklist, early\",\n \"dek\": \"Twelve items to clear in October, so January holds a return and not a search for receipts.\"\n },\n {\n \"href\": \"/issues/the-first-invoice\",\n \"tag\": \"Money\",\n \"dateline\": {\n \"date\": \"2026-05-12\",\n \"read\": { \"minutes\": 6, \"unit\": \"min read\" }\n },\n \"title\": \"The first invoice\",\n \"dek\": \"What goes on it, when to send it, and the one line that gets it paid on time.\"\n }\n ]\n}", "from": "https://next.mdxui.dev/pages/sidework/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "head", "type": "object", "required": true }, { "path": "head.eyebrow", "type": "string ≤28", "required": true, "min": 1, "max": 28 }, { "path": "head.title", "type": "string ≤64", "required": true, "min": 1, "max": 64 }, { "path": "head.lede", "type": "string ≤200", "required": true, "min": 1, "max": 200 }, { "path": "read", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "posts", "type": "1–24 × object", "required": true, "min": 1, "max": 24 }, { "path": "posts[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "posts[].tag", "type": "string ≤20", "required": true, "min": 1, "max": 20 }, { "path": "posts[].dateline", "type": "object", "required": true }, { "path": "posts[].dateline.date", "type": "string (pattern)", "required": true }, { "path": "posts[].dateline.read", "type": "object", "required": false }, { "path": "posts[].title", "type": "string ≤80", "required": true, "min": 1, "max": 80 }, { "path": "posts[].dek", "type": "string ≤360", "required": true, "min": 1, "max": 360 } ] } ], "variants": [ { "id": "default", "label": "post-list", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/post-list/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/post-list/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/post-list/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/post-list/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/post-list/default/callboard", "directory": "https://next.mdxui.dev/components/variant/post-list/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/post-list/default/vaultline", "stills": [] }, { "id": "product-head", "group": "Directory", "job": "A listing page header in a directory: mark, name, one sentence, category and tags.", "glyph": "badge-info", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/product-head", "schema": "https://next.mdxui.dev/schema/sections/product-head.json", "example": { "lang": "json", "code": "{\n \"type\": \"product-head\",\n \"mark\": \"sparkles\",\n \"name\": \"Kiln room 4\",\n \"summary\": \"Two electric kilns to cone 10 in a shared clay studio in Lincoln Park, Duluth.\",\n \"chips\": [\n { \"label\": \"Kiln room\", \"href\": \"/city/duluth?kind=kiln\" },\n { \"label\": \"Duluth\", \"href\": \"/city/duluth\" },\n { \"label\": \"Lincoln Park\" },\n { \"label\": \"Cone 10\" }\n ],\n \"actions\": [\n { \"href\": \"mailto:kiln-room-4@benchlist.example?subject=Booking%20Kiln%20room%204\", \"label\": \"Book by email\", \"kind\": \"solid\" },\n { \"href\": \"#rates\", \"label\": \"See the rates\", \"kind\": \"ghost\" }\n ]\n}", "from": "https://next.mdxui.dev/pages/benchlist/bench/kiln-room-4.json" }, "fields": [ { "variant": null, "rows": [ { "path": "mark", "type": "icon or mark name (52)", "required": false }, { "path": "name", "type": "string ≤32", "required": true, "min": 1, "max": 32 }, { "path": "summary", "type": "string ≤120", "required": true, "min": 1, "max": 120 }, { "path": "chips", "type": "0–9 × object", "required": false, "max": 9 }, { "path": "chips[].label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "chips[].href", "type": "string ≤160", "required": false, "min": 1, "max": 160 }, { "path": "marks", "type": "object", "required": false }, { "path": "marks.openapi", "type": "boolean", "required": false }, { "path": "marks.mcp", "type": "boolean", "required": false }, { "path": "marks.webhooks", "type": "boolean", "required": false }, { "path": "marks.free", "type": "boolean", "required": false }, { "path": "actions", "type": "1–2 × object", "required": true, "min": 1, "max": 2 }, { "path": "actions[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "actions[].label", "type": "string ≤24", "required": true, "min": 1, "max": 24 }, { "path": "actions[].kind", "type": "\"solid\" | \"ghost\"", "required": true }, { "path": "actions[].icon", "type": "icon or mark name (52)", "required": false }, { "path": "actions[].external", "type": "boolean", "required": false } ] } ], "variants": [ { "id": "default", "label": "product-head", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/product-head/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/product-head/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/product-head/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/product-head/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/product-head/default/callboard", "directory": "https://next.mdxui.dev/components/variant/product-head/default/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/product-head/default/directory", "stills": [] }, { "id": "product-list", "group": "Directory", "job": "A directory list: one linked row per listing, as a list or as Tiles.", "glyph": "store", "review": "draft", "docs": "https://next.mdxui.dev/docs/sections/product-list", "schema": "https://next.mdxui.dev/schema/sections/product-list.json", "example": { "lang": "json", "code": "{\n \"type\": \"product-list\",\n \"title\": \"Benches in Duluth, by kind\",\n \"note\": \"8 kinds\",\n \"view\": \"cards\",\n \"views\": [\n { \"href\": \"/\", \"label\": \"Kinds\", \"icon\": \"layout-grid\", \"on\": true },\n { \"href\": \"/city/duluth\", \"label\": \"List\", \"icon\": \"list\" }\n ],\n \"rows\": [\n {\n \"href\": \"/city/duluth?kind=kiln\",\n \"mark\": \"sparkles\",\n \"name\": \"Kiln rooms\",\n \"summary\": \"Electric kilns to cone 10, with shelves and posts. Bisque or glaze.\",\n \"tag\": \"Clay\",\n \"note\": \"2 listed, from $18 an hour\"\n },\n {\n \"href\": \"/city/duluth?kind=wood\",\n \"mark\": \"blocks\",\n \"name\": \"Woodshop benches\",\n \"summary\": \"Hardwood benches beside a cabinet saw, jointer and planer.\",\n \"tag\": \"Wood\",\n \"note\": \"2 listed, from $16 an hour\"\n },\n {\n \"href\": \"/city/duluth?kind=metal\",\n \"mark\": \"gauge\",\n \"name\": \"Metal bays\",\n \"summary\": \"A metal lathe with tooling, or a ventilated welding booth.\",\n \"tag\": \"Metal\",\n \"note\": \"2 listed, from $24 an hour\"\n },\n {\n \"href\": \"/city/duluth?kind=print\",\n \"mark\": \"files\",\n \"name\": \"Print presses\",\n \"summary\": \"A tabletop letterpress with type, or a four-color screen press.\",\n \"tag\": \"Print\",\n \"note\": \"2 listed, from $14 an hour\"\n },\n {\n \"href\": \"/city/duluth?kind=textile\",\n \"mark\": \"layers\",\n \"name\": \"Looms\",\n \"summary\": \"A four-shaft floor loom, warped on request a day ahead.\",\n \"tag\": \"Textile\",\n \"note\": \"1 listed, $12 an hour\"\n },\n {\n \"href\": \"/city/duluth?kind=jewelry\",\n \"mark\": \"badge-check\",\n \"name\": \"Jewelry benches\",\n \"summary\": \"A bench pin, flex shaft and torch, in a room with a safe.\",\n \"tag\": \"Jewelry\",\n \"note\": \"1 listed, $9 an hour\"\n },\n {\n \"href\": \"/list-a-bench\",\n \"mark\": \"sparkles\",\n \"name\": \"Glass studios\",\n \"summary\": \"No glass kiln or torch bench is listed yet. A host who lists one sets its rate.\",\n \"tag\": \"Glass\",\n \"note\": \"0 listed\"\n },\n {\n \"href\": \"/list-a-bench\",\n \"mark\": \"film\",\n \"name\": \"Darkrooms\",\n \"summary\": \"No darkroom is listed yet. Enlargers, trays and a sink by the hour.\",\n \"tag\": \"Photo\",\n \"note\": \"0 listed\"\n }\n ]\n}", "from": "https://next.mdxui.dev/pages/benchlist/home.json" }, "fields": [ { "variant": null, "rows": [ { "path": "title", "type": "string ≤48", "required": false, "min": 1, "max": 48 }, { "path": "note", "type": "string ≤24", "required": false, "min": 1, "max": 24 }, { "path": "rail", "type": "object", "required": false }, { "path": "rail.groups", "type": "1–4 × object", "required": true, "min": 1, "max": 4 }, { "path": "rail.groups[].label", "type": "string ≤20", "required": true, "min": 1, "max": 20 }, { "path": "rail.groups[].links", "type": "1–12 × object", "required": true, "min": 1, "max": 12 }, { "path": "sort", "type": "0–4 × object", "required": false, "max": 4 }, { "path": "sort[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "sort[].label", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "sort[].on", "type": "boolean", "required": false }, { "path": "view", "type": "\"list\" | \"cards\"", "required": false }, { "path": "views", "type": "0–2 × object", "required": false, "max": 2 }, { "path": "views[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "views[].label", "type": "string ≤16", "required": true, "min": 1, "max": 16 }, { "path": "views[].icon", "type": "icon or mark name (52)", "required": false }, { "path": "views[].on", "type": "boolean", "required": false }, { "path": "rows", "type": "0–50 × object", "required": true, "max": 50 }, { "path": "rows[].href", "type": "string ≤160", "required": true, "min": 1, "max": 160 }, { "path": "rows[].mark", "type": "icon or mark name (52)", "required": false }, { "path": "rows[].name", "type": "string ≤32", "required": true, "min": 1, "max": 32 }, { "path": "rows[].summary", "type": "string ≤120", "required": true, "min": 1, "max": 120 }, { "path": "rows[].tag", "type": "string ≤24", "required": false, "min": 1, "max": 24 }, { "path": "rows[].note", "type": "string ≤32", "required": false, "min": 1, "max": 32 }, { "path": "pager", "type": "object", "required": false }, { "path": "pager.prev", "type": "string ≤160", "required": false, "min": 1, "max": 160 }, { "path": "pager.next", "type": "string ≤160", "required": false, "min": 1, "max": 160 }, { "path": "pager.page", "type": "integer 1–10000", "required": true, "min": 1, "max": 10000 }, { "path": "pager.pages", "type": "integer 1–10000", "required": true, "min": 1, "max": 10000 }, { "path": "empty", "type": "string ≤80", "required": false, "min": 1, "max": 80 } ] } ], "variants": [ { "id": "default", "label": "product-list", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/product-list/default.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/product-list/default/certificate", "vaultline": "https://next.mdxui.dev/components/variant/product-list/default/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/product-list/default/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/product-list/default/callboard", "directory": "https://next.mdxui.dev/components/variant/product-list/default/directory" } }, { "id": "list", "label": "list", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/product-list/list.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/product-list/list/certificate", "vaultline": "https://next.mdxui.dev/components/variant/product-list/list/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/product-list/list/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/product-list/list/callboard", "directory": "https://next.mdxui.dev/components/variant/product-list/list/directory" } }, { "id": "cards", "label": "cards", "layout": null, "count": null, "record": "https://next.mdxui.dev/components/variant/product-list/cards.json", "frames": { "certificate": "https://next.mdxui.dev/components/variant/product-list/cards/certificate", "vaultline": "https://next.mdxui.dev/components/variant/product-list/cards/vaultline", "quaypoint": "https://next.mdxui.dev/components/variant/product-list/cards/quaypoint", "callboard": "https://next.mdxui.dev/components/variant/product-list/cards/callboard", "directory": "https://next.mdxui.dev/components/variant/product-list/cards/directory" } } ], "frame": "https://next.mdxui.dev/components/variant/product-list/default/directory", "stills": [] } ], "themes": [ { "name": "certificate", "docs": "https://next.mdxui.dev/docs/themes/certificate", "emitsDark": true, "typefaces": { "display": "IBM Plex Sans", "text": "IBM Plex Sans", "mono": "IBM Plex Mono" }, "policies": { "dividers": "hatch", "markers": "on", "featured": "rule", "icons": "inline", "scheme": "auto" }, "landing": "https://next.mdxui.dev/components/cross/home/certificate" }, { "name": "vaultline", "docs": "https://next.mdxui.dev/docs/themes/vaultline", "emitsDark": false, "typefaces": { "display": "Newsreader", "text": "Public Sans", "mono": "IBM Plex Mono" }, "policies": { "dividers": "rule", "markers": "off", "featured": "plate", "icons": "image", "scheme": "auto" }, "landing": "https://next.mdxui.dev/components/cross/home/vaultline" }, { "name": "quaypoint", "docs": "https://next.mdxui.dev/docs/themes/quaypoint", "emitsDark": false, "typefaces": { "display": "Space Grotesk", "text": "Inter", "mono": "JetBrains Mono" }, "policies": { "dividers": "rule", "markers": "off", "featured": "plate", "icons": "inline", "scheme": "light" }, "landing": "https://next.mdxui.dev/components/cross/home/quaypoint" }, { "name": "callboard", "docs": "https://next.mdxui.dev/docs/themes/callboard", "emitsDark": false, "typefaces": { "display": "Bricolage Grotesque", "text": "Instrument Sans", "mono": "DM Mono" }, "policies": { "dividers": "rule", "markers": "off", "featured": "plate", "icons": "inline", "scheme": "light" }, "landing": "https://next.mdxui.dev/components/cross/home/callboard" }, { "name": "directory", "docs": "https://next.mdxui.dev/docs/themes/directory", "emitsDark": true, "typefaces": { "display": "Inter", "text": "Inter", "mono": "JetBrains Mono" }, "policies": { "dividers": "none", "markers": "off", "featured": "rule", "icons": "inline", "scheme": "auto" }, "landing": "https://next.mdxui.dev/components/cross/home/directory" } ], "templates": [ { "id": "directory-list", "docs": "https://next.mdxui.dev/docs/showcase/templates/directory-list", "pages": [ { "site": "benchlist", "path": "home", "record": "https://next.mdxui.dev/pages/benchlist/home.json" }, { "site": "harbor", "path": "integrations", "record": "https://next.mdxui.dev/pages/harbor/integrations.json" }, { "site": "benchlist", "path": "city/duluth", "record": "https://next.mdxui.dev/pages/benchlist/city/duluth.json" } ] }, { "id": "api-product", "docs": "https://next.mdxui.dev/docs/showcase/templates/api-product", "pages": [ { "site": "diffkeel", "path": "home", "record": "https://next.mdxui.dev/pages/diffkeel/home.json" }, { "site": "harbor", "path": "home", "record": "https://next.mdxui.dev/pages/harbor/home.json" }, { "site": "vanroster", "path": "home", "record": "https://next.mdxui.dev/pages/vanroster/home.json" }, { "site": "diffkeel", "path": "pricing", "record": "https://next.mdxui.dev/pages/diffkeel/pricing.json" }, { "site": "harbor", "path": "pricing", "record": "https://next.mdxui.dev/pages/harbor/pricing.json" }, { "site": "ledgerhouse", "path": "pricing", "record": "https://next.mdxui.dev/pages/ledgerhouse/pricing.json" }, { "site": "vanroster", "path": "pricing", "record": "https://next.mdxui.dev/pages/vanroster/pricing.json" } ] }, { "id": "blog", "docs": "https://next.mdxui.dev/docs/showcase/templates/blog", "pages": [ { "site": "sidework", "path": "home", "record": "https://next.mdxui.dev/pages/sidework/home.json" }, { "site": "diffkeel", "path": "changelog", "record": "https://next.mdxui.dev/pages/diffkeel/changelog.json" }, { "site": "harbor", "path": "blog", "record": "https://next.mdxui.dev/pages/harbor/blog.json" }, { "site": "sidework", "path": "archive", "record": "https://next.mdxui.dev/pages/sidework/archive.json" }, { "site": "vanroster", "path": "changelog", "record": "https://next.mdxui.dev/pages/vanroster/changelog.json" } ] }, { "id": "article", "docs": "https://next.mdxui.dev/docs/showcase/templates/article", "pages": [ { "site": "benchlist", "path": "404", "record": "https://next.mdxui.dev/pages/benchlist/404.json" }, { "site": "benchlist", "path": "about", "record": "https://next.mdxui.dev/pages/benchlist/about.json" }, { "site": "benchlist", "path": "terms", "record": "https://next.mdxui.dev/pages/benchlist/terms.json" }, { "site": "diffkeel", "path": "404", "record": "https://next.mdxui.dev/pages/diffkeel/404.json" }, { "site": "diffkeel", "path": "install", "record": "https://next.mdxui.dev/pages/diffkeel/install.json" }, { "site": "harbor", "path": "404", "record": "https://next.mdxui.dev/pages/harbor/404.json" }, { "site": "harbor", "path": "terms", "record": "https://next.mdxui.dev/pages/harbor/terms.json" }, { "site": "ledgerhouse", "path": "404", "record": "https://next.mdxui.dev/pages/ledgerhouse/404.json" }, { "site": "ledgerhouse", "path": "about", "record": "https://next.mdxui.dev/pages/ledgerhouse/about.json" }, { "site": "ledgerhouse", "path": "services", "record": "https://next.mdxui.dev/pages/ledgerhouse/services.json" }, { "site": "ledgerhouse", "path": "terms", "record": "https://next.mdxui.dev/pages/ledgerhouse/terms.json" }, { "site": "sidework", "path": "404", "record": "https://next.mdxui.dev/pages/sidework/404.json" }, { "site": "sidework", "path": "about", "record": "https://next.mdxui.dev/pages/sidework/about.json" }, { "site": "sidework", "path": "terms", "record": "https://next.mdxui.dev/pages/sidework/terms.json" }, { "site": "vanroster", "path": "404", "record": "https://next.mdxui.dev/pages/vanroster/404.json" }, { "site": "vanroster", "path": "security", "record": "https://next.mdxui.dev/pages/vanroster/security.json" }, { "site": "benchlist", "path": "list-a-bench/sent", "record": "https://next.mdxui.dev/pages/benchlist/list-a-bench/sent.json" }, { "site": "diffkeel", "path": "contact/sent", "record": "https://next.mdxui.dev/pages/diffkeel/contact/sent.json" }, { "site": "diffkeel", "path": "docs/first-diff", "record": "https://next.mdxui.dev/pages/diffkeel/docs/first-diff.json" }, { "site": "harbor", "path": "contact/sent", "record": "https://next.mdxui.dev/pages/harbor/contact/sent.json" }, { "site": "ledgerhouse", "path": "intake/sent", "record": "https://next.mdxui.dev/pages/ledgerhouse/intake/sent.json" }, { "site": "ledgerhouse", "path": "services/monthly-close", "record": "https://next.mdxui.dev/pages/ledgerhouse/services/monthly-close.json" }, { "site": "sidework", "path": "subscribe/sent", "record": "https://next.mdxui.dev/pages/sidework/subscribe/sent.json" }, { "site": "vanroster", "path": "contact/sent", "record": "https://next.mdxui.dev/pages/vanroster/contact/sent.json" } ] }, { "id": "contact", "docs": "https://next.mdxui.dev/docs/showcase/templates/contact", "pages": [ { "site": "benchlist", "path": "list-a-bench", "record": "https://next.mdxui.dev/pages/benchlist/list-a-bench.json" }, { "site": "diffkeel", "path": "contact", "record": "https://next.mdxui.dev/pages/diffkeel/contact.json" }, { "site": "harbor", "path": "contact", "record": "https://next.mdxui.dev/pages/harbor/contact.json" }, { "site": "ledgerhouse", "path": "intake", "record": "https://next.mdxui.dev/pages/ledgerhouse/intake.json" }, { "site": "sidework", "path": "subscribe", "record": "https://next.mdxui.dev/pages/sidework/subscribe.json" }, { "site": "vanroster", "path": "contact", "record": "https://next.mdxui.dev/pages/vanroster/contact.json" } ] }, { "id": "directory-product", "docs": "https://next.mdxui.dev/docs/showcase/templates/directory-product", "pages": [ { "site": "benchlist", "path": "bench/kiln-room-4", "record": "https://next.mdxui.dev/pages/benchlist/bench/kiln-room-4.json" }, { "site": "harbor", "path": "integrations/chartplot", "record": "https://next.mdxui.dev/pages/harbor/integrations/chartplot.json" }, { "site": "vanroster", "path": "product/dispatch", "record": "https://next.mdxui.dev/pages/vanroster/product/dispatch.json" } ] }, { "id": "post", "docs": "https://next.mdxui.dev/docs/showcase/templates/post", "pages": [ { "site": "diffkeel", "path": "changelog/0-9", "record": "https://next.mdxui.dev/pages/diffkeel/changelog/0-9.json" }, { "site": "harbor", "path": "blog/tide-windows", "record": "https://next.mdxui.dev/pages/harbor/blog/tide-windows.json" }, { "site": "sidework", "path": "issues/the-first-invoice", "record": "https://next.mdxui.dev/pages/sidework/issues/the-first-invoice.json" }, { "site": "vanroster", "path": "changelog/route-swaps", "record": "https://next.mdxui.dev/pages/vanroster/changelog/route-swaps.json" } ] } ], "docs": { "home": "https://next.mdxui.dev/docs", "sections": "https://next.mdxui.dev/docs/sections", "themes": "https://next.mdxui.dev/docs/themes", "showcase": "https://next.mdxui.dev/docs/showcase", "agents": "https://next.mdxui.dev/docs/agents", "llms": "https://next.mdxui.dev/llms.txt", "schema": "https://next.mdxui.dev/schema.json", "manifest": "https://next.mdxui.dev/components/manifest.json" } }