@devslab/site-kit 0.5.2 → 0.7.0

package/dist/solid.server.js

@@ -1,5 +1,5 @@
 import { createComponent, escape, mergeProps, ssr, ssrAttribute, ssrElement, ssrHydrationKey } from "solid-js/web";
-import { For, createSignal, createUniqueId, onMount } from "solid-js";
+import { For, Show, createSignal, createUniqueId, onMount } from "solid-js";
 import { Button, Field, Icon, IconButton } from "@devslab/dds-solid";
 //#region src/core/locales.mjs
 var LOCALES = Object.freeze([
@@ -113,19 +113,27 @@ var FAMILY_ALIASES = Object.freeze([["zh", "zh-TW"], ["pt", "pt-BR"]]);
 * and security-scanned here, and seven Indian languages share one flag
 * anyway.
 *
-* @param {{ extra?: ReadonlyArray<object>, aliases?: ReadonlyArray<[string, string]> }} [options]
+* @param {{ only?: ReadonlyArray<string>, extra?: ReadonlyArray<object>, aliases?: ReadonlyArray<[string, string]> }} [options]
 */
 function defineLocaleRegistry(options = {}) {
 	const extra = options.extra ?? [];
-	const seen = new Set(LOCALES.map(({ code }) => code));
+	let family = LOCALES;
+	if (options.only !== void 0) {
+		if (options.only.length === 0) throw new RangeError("`only` needs at least one locale — a registry with none is a bug, not a choice");
+		const wanted = new Set(options.only);
+		for (const code of wanted) if (!LOCALES.some((locale) => locale.code === code)) throw new RangeError(`${code} is not a family locale — \`only\` selects from the family list; use \`extra\` for a product's own`);
+		family = Object.freeze(LOCALES.filter((locale) => wanted.has(locale.code)));
+	}
+	const seen = new Set(family.map(({ code }) => code));
 	for (const locale of extra) {
 		if (!locale?.code) throw new TypeError("every extra locale needs a code");
-		if (seen.has(locale.code)) throw new RangeError(`${locale.code} is already a family locale — remove it from \`extra\``);
+		if (LOCALES.some((known) => known.code === locale.code)) throw new RangeError(`${locale.code} is already a family locale — remove it from \`extra\``);
+		if (seen.has(locale.code)) throw new RangeError(`${locale.code} appears twice in \`extra\``);
 		if (!locale.nativeName) throw new TypeError(`${locale.code} needs a nativeName — it is what the picker shows`);
 		if (locale.dir !== "ltr" && locale.dir !== "rtl") throw new RangeError(`${locale.code} needs dir "ltr" or "rtl"`);
 		seen.add(locale.code);
 	}
-	const locales = Object.freeze([...LOCALES, ...extra.map((locale) => Object.freeze({ ...locale }))]);
+	const locales = Object.freeze([...family, ...extra.map((locale) => Object.freeze({ ...locale }))]);
 	const byLower = new Map(locales.map((locale) => [locale.code.toLowerCase(), locale]));
 	const aliases = new Map([...FAMILY_ALIASES, ...options.aliases ?? []]);
 	function canonicalLocale(candidate) {
@@ -133,7 +141,10 @@ function defineLocaleRegistry(options = {}) {
 		const exact = byLower.get(String(candidate).trim().toLowerCase());
 		if (exact) return exact.code;
 		const base = String(candidate).trim().toLowerCase().split("-")[0];
-		if (aliases.has(base)) return aliases.get(base);
+		if (aliases.has(base)) {
+			const target = aliases.get(base);
+			return byLower.has(target.toLowerCase()) ? target : void 0;
+		}
 		return byLower.get(base)?.code;
 	}
 	function definitionFor(locale) {
@@ -335,32 +346,32 @@ function flagFor(locale, registry) {
 }
 //#endregion
 //#region src/solid/locale-menu.tsx
-var _tmpl$$4 = [
+var _tmpl$$5 = [
 	"<svg",
 	" aria-hidden=\"true\">",
 	"</svg>"
 ];
-var _tmpl$2$2 = [
+var _tmpl$2$3 = [
 	"<label",
 	"><span class=\"dds-sr-only\">",
 	"</span><span class=\"dds-select site-locale\"><select class=\"dds-select__input\"",
 	">",
 	"</select></span></label>"
 ];
-var _tmpl$3$2 = [
+var _tmpl$3$3 = [
 	"<option",
 	"",
 	">",
 	"</option>"
 ];
-var _tmpl$4$1 = [
+var _tmpl$4$3 = [
 	"<details",
 	" class=\"site-locale-flag\"><summary class=\"site-locale-flag__trigger\"",
 	">",
 	"</summary><ul class=\"site-locale-flag__list\" role=\"list\">",
 	"</ul></details>"
 ];
-var _tmpl$5$1 = [
+var _tmpl$5$3 = [
 	"<li",
 	"><a class=\"site-locale-flag__option\"",
 	"><!--$-->",
@@ -381,15 +392,15 @@ var registryOf = (props) => props.registry ?? FAMILY_LOCALES;
 function Flag(props) {
 	const uid = createUniqueId();
 	const flag = () => flagFor(props.locale, props.registry);
-	return ssr(_tmpl$$4, ssrHydrationKey() + ssrAttribute("class", escape(props.class, true), false) + ssrAttribute("viewBox", escape(flag().viewBox, true), false), scopeFlagIds(flag().body, uid));
+	return ssr(_tmpl$$5, ssrHydrationKey() + ssrAttribute("class", escape(props.class, true), false) + ssrAttribute("viewBox", escape(flag().viewBox, true), false), scopeFlagIds(flag().body, uid));
 }
 function SelectLocaleMenu(props) {
 	const registry = () => registryOf(props);
-	return ssr(_tmpl$2$2, ssrHydrationKey(), escape(props.messages.localeLabel), ssrAttribute("aria-label", escape(props.messages.localeLabel, true), false), escape(createComponent(For, {
+	return ssr(_tmpl$2$3, ssrHydrationKey(), escape(props.messages.localeLabel), ssrAttribute("aria-label", escape(props.messages.localeLabel, true), false), escape(createComponent(For, {
 		get each() {
 			return registry().LOCALES;
 		},
-		children: (locale) => ssr(_tmpl$3$2, ssrHydrationKey() + ssrAttribute("value", escape(locale.code, true), false) + ssrAttribute("lang", escape(locale.code, true), false) + ssrAttribute("dir", escape(locale.dir, true), false), ssrAttribute("selected", locale.code === props.state.locale, true), escape(locale.nativeName))
+		children: (locale) => ssr(_tmpl$3$3, ssrHydrationKey() + ssrAttribute("value", escape(locale.code, true), false) + ssrAttribute("lang", escape(locale.code, true), false) + ssrAttribute("dir", escape(locale.dir, true), false), ssrAttribute("selected", locale.code === props.state.locale, true), escape(locale.nativeName))
 	})));
 }
 function FlagLocaleMenu(props) {
@@ -399,7 +410,7 @@ function FlagLocaleMenu(props) {
 		const name = current()?.nativeName;
 		return name ? `${props.messages.localeLabel}: ${name}` : props.messages.localeLabel;
 	};
-	return ssr(_tmpl$4$1, ssrHydrationKey(), ssrAttribute("aria-label", escape(triggerLabel(), true), false) + ssrAttribute("title", escape(props.messages.localeLabel, true), false), escape(createComponent(Flag, {
+	return ssr(_tmpl$4$3, ssrHydrationKey(), ssrAttribute("aria-label", escape(triggerLabel(), true), false) + ssrAttribute("title", escape(props.messages.localeLabel, true), false), escape(createComponent(Flag, {
 		get locale() {
 			return props.state.locale;
 		},
@@ -411,7 +422,7 @@ function FlagLocaleMenu(props) {
 		get each() {
 			return registry().LOCALES;
 		},
-		children: (entry) => ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("href", escape(props.state.hrefForLocale(entry.code), true), false) + ssrAttribute("lang", escape(entry.code, true), false) + ssrAttribute("hreflang", escape(entry.code, true), false) + ssrAttribute("dir", escape(entry.dir, true), false) + ssrAttribute("aria-current", entry.code === props.state.locale ? "true" : escape(void 0, true), false), escape(createComponent(Flag, {
+		children: (entry) => ssr(_tmpl$5$3, ssrHydrationKey(), ssrAttribute("href", escape(props.state.hrefForLocale(entry.code), true), false) + ssrAttribute("lang", escape(entry.code, true), false) + ssrAttribute("hreflang", escape(entry.code, true), false) + ssrAttribute("dir", escape(entry.dir, true), false) + ssrAttribute("aria-current", entry.code === props.state.locale ? "true" : escape(void 0, true), false), escape(createComponent(Flag, {
 			get locale() {
 				return entry.code;
 			},
@@ -427,7 +438,7 @@ function LocaleMenu(props) {
 }
 //#endregion
 //#region src/solid/chrome.tsx
-var _tmpl$$3 = [
+var _tmpl$$4 = [
 	"<header",
 	" class=\"site-header\"><a class=\"dds-sr-only\" href=\"#main-content\">",
 	"</a><div class=\"site-header__inner\"><a class=\"site-brand\"",
@@ -442,19 +453,44 @@ var _tmpl$$3 = [
 	"<!--/--><!--$-->",
 	"<!--/--></div></div></header>"
 ];
-var _tmpl$2$1 = [
+var _tmpl$2$2 = [
 	"<li",
 	"><a",
 	">",
 	"</a></li>"
 ];
-var _tmpl$3$1 = [
+var _tmpl$3$2 = [
 	"<footer",
 	" class=\"site-footer\"",
-	"><div class=\"site-footer__inner\"><strong>",
-	"</strong><ul class=\"site-footer__links\">",
-	"</ul><small>",
-	"</small></div></footer>"
+	"><div class=\"site-footer__inner\"><!--$-->",
+	"<!--/--><div class=\"site-footer__row\"><p class=\"site-footer__brand\"><!--$-->",
+	"<!--/--><strong>",
+	"</strong><!--$-->",
+	"<!--/--></p><ul class=\"site-footer__links\"><!--$-->",
+	"<!--/--><li>",
+	"</li></ul></div></div></footer>"
+];
+var _tmpl$4$2 = [
+	"<nav",
+	" class=\"site-footer__langs\"",
+	">",
+	"</nav>"
+];
+var _tmpl$5$2 = [
+	"<a",
+	">",
+	"</a>"
+];
+var _tmpl$6$2 = ["<span", " aria-hidden=\"true\">·</span>"];
+var _tmpl$7$2 = [
+	"<bdi",
+	">",
+	"</bdi>"
+];
+var _tmpl$8$1 = [
+	"<a",
+	"><bdi>",
+	"</bdi></a>"
 ];
 function ThemeToggle(props) {
 	const order = [
@@ -509,7 +545,7 @@ function ThemeToggle(props) {
 }
 function SiteHeader(props) {
 	const [menuOpen, setMenuOpen] = createSignal(false);
-	return ssr(_tmpl$$3, ssrHydrationKey(), escape(props.messages.skipToContent), ssrAttribute("href", escape(props.brand.href, true), false), escape(props.brand.logo), escape(props.brand.name), escape(createComponent(Button, {
+	return ssr(_tmpl$$4, ssrHydrationKey(), escape(props.messages.skipToContent), ssrAttribute("href", escape(props.brand.href, true), false), escape(props.brand.logo), escape(props.brand.name), escape(createComponent(Button, {
 		"class": "site-menu-button",
 		tone: "ghost",
 		get ["aria-expanded"]() {
@@ -524,7 +560,7 @@ function SiteHeader(props) {
 		get each() {
 			return props.navigation;
 		},
-		children: (item) => ssr(_tmpl$2$1, ssrHydrationKey(), ssrAttribute("href", escape(item.href, true), false) + ssrAttribute("target", item.external ? "_blank" : escape(void 0, true), false) + ssrAttribute("rel", item.external ? "noreferrer" : escape(void 0, true), false), escape(item.label))
+		children: (item) => ssr(_tmpl$2$2, ssrHydrationKey(), ssrAttribute("href", escape(item.href, true), false) + ssrAttribute("target", item.external ? "_blank" : escape(void 0, true), false) + ssrAttribute("rel", item.external ? "noreferrer" : escape(void 0, true), false), escape(item.label))
 	})), ssrAttribute("data-open", escape(String(menuOpen()), true), false), escape(createComponent(LocaleMenu, mergeProps({
 		get state() {
 			return props.locale;
@@ -536,24 +572,62 @@ function SiteHeader(props) {
 		return props.messages;
 	} }))), escape(props.actions));
 }
+/**
+* The family footer: a language row, then the brand beside its family links,
+* then the page's links and the copyright.
+*
+* Every product wrote this by hand. VisionLinq, BookLinq and TraceLinq each
+* carried their own copy with a comment saying the kit's footer "takes only a
+* flat link list; extending it is a dds release this page would then wait on" —
+* three copies and three notes naming the same missing release. Their CSS had
+* already converged byte-for-byte. This is that release.
+*
+* Additive: a caller that passes only brand/links/copyright/messages gets the
+* same single row it got before, plus its brand mark if it set one.
+*/
 function SiteFooter(props) {
-	return ssr(_tmpl$3$1, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.messages.footerLabel, true), false), escape(props.brand.name), escape(createComponent(For, {
+	const registry = () => props.localeRegistry ?? FAMILY_LOCALES;
+	return ssr(_tmpl$3$2, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.messages.footerLabel, true), false), escape(createComponent(Show, {
+		get when() {
+			return props.locale;
+		},
+		children: (locale) => ssr(_tmpl$4$2, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.messages.localeLabel, true), false), escape(createComponent(For, {
+			get each() {
+				return registry().LOCALES;
+			},
+			children: (entry) => ssr(_tmpl$5$2, ssrHydrationKey() + ssrAttribute("href", escape(locale().hrefForLocale(entry.code), true), false) + ssrAttribute("hreflang", escape(entry.code, true), false) + ssrAttribute("lang", escape(entry.code, true), false) + ssrAttribute("dir", escape(entry.dir, true), false) + ssrAttribute("aria-current", entry.code === locale().locale ? "page" : escape(void 0, true), false), escape(entry.nativeName))
+		})))
+	})), escape(props.brand.logo), escape(props.brand.name), escape(createComponent(For, {
+		get each() {
+			return props.family ?? [];
+		},
+		children: (item) => [ssr(_tmpl$6$2, ssrHydrationKey()), ssr(_tmpl$5$2, ssrHydrationKey() + ssrAttribute("href", escape(item.href, true), false), escape(item.label))]
+	})), escape(createComponent(For, {
 		get each() {
 			return props.links;
 		},
-		children: (item) => ssr(_tmpl$2$1, ssrHydrationKey(), ssrAttribute("href", escape(item.href, true), false), escape(item.label))
-	})), escape(props.copyright));
+		children: (item) => ssr(_tmpl$2$2, ssrHydrationKey(), ssrAttribute("href", escape(item.href, true), false), escape(item.label))
+	})), escape(createComponent(Show, {
+		get when() {
+			return props.copyrightHref;
+		},
+		get fallback() {
+			return ssr(_tmpl$7$2, ssrHydrationKey(), escape(props.copyright));
+		},
+		children: (href) => ssr(_tmpl$8$1, ssrHydrationKey() + ssrAttribute("href", escape(href(), true), false), escape(props.copyright))
+	})));
 }
 //#endregion
 //#region src/solid/layouts.tsx
-var _tmpl$$2 = [
+var _tmpl$$3 = [
 	"<div",
 	" class=\"site-shell\"><!--$-->",
-	"<!--/--><main id=\"main-content\" class=\"site-main\" tabindex=\"-1\">",
+	"<!--/--><main id=\"main-content\"",
+	" tabindex=\"-1\">",
 	"</main><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$2 = [
+var _tmpl$2$1 = [
 	"<article",
 	" class=\"site-legal\"><header><h1>",
 	"</h1><p><!--$-->",
@@ -562,7 +636,7 @@ var _tmpl$2 = [
 	"</time></p></header><!--$-->",
 	"<!--/--></article>"
 ];
-var _tmpl$3 = [
+var _tmpl$3$1 = [
 	"<section",
 	" class=\"",
 	"\"",
@@ -571,12 +645,12 @@ var _tmpl$3 = [
 	"<!--/--><!--$-->",
 	"<!--/--></section>"
 ];
-var _tmpl$4 = [
+var _tmpl$4$1 = [
 	"<div",
 	">",
 	"</div>"
 ];
-var _tmpl$5 = [
+var _tmpl$5$1 = [
 	"<main",
 	" class=\"site-main site-centered-layout\"><h1>",
 	"</h1><p>",
@@ -585,7 +659,7 @@ var _tmpl$5 = [
 	">",
 	"</a></main>"
 ];
-var _tmpl$6 = [
+var _tmpl$6$1 = [
 	"<main",
 	" class=\"site-main site-centered-layout\"><h1>",
 	"</h1><p>",
@@ -594,19 +668,20 @@ var _tmpl$6 = [
 	"<!--/--><!--$-->",
 	"<!--/--></main>"
 ];
-var _tmpl$7 = [
+var _tmpl$7$1 = [
 	"<code",
 	">",
 	"</code>"
 ];
 function MarketingShell(props) {
-	return ssr(_tmpl$$2, ssrHydrationKey(), escape(createComponent(SiteHeader, mergeProps(() => props.header))), escape(props.children), escape(createComponent(SiteFooter, mergeProps(() => props.footer))));
+	const mainClass = () => props.mainWidth === "bleed" ? "site-main site-main--bleed" : "site-main";
+	return ssr(_tmpl$$3, ssrHydrationKey(), escape(createComponent(SiteHeader, mergeProps(() => props.header))), ssrAttribute("class", escape(mainClass(), true), false), escape(props.children), escape(createComponent(SiteFooter, mergeProps(() => props.footer))));
 }
 function LegalLayout(props) {
-	return ssr(_tmpl$2, ssrHydrationKey(), escape(props.title), escape(props.messages.updatedLabel), ssrAttribute("datetime", escape(props.updatedAt, true), false), escape(props.updatedAt), escape(props.children));
+	return ssr(_tmpl$2$1, ssrHydrationKey(), escape(props.title), escape(props.messages.updatedLabel), ssrAttribute("datetime", escape(props.updatedAt, true), false), escape(props.updatedAt), escape(props.children));
 }
 function StatusBanner(props) {
-	return ssr(_tmpl$3, ssrHydrationKey(), `site-status site-status--${escape(props.tone, true)}`, ssrAttribute("role", props.tone === "danger" ? "alert" : "status", false) + ssrAttribute("aria-live", props.tone === "danger" ? "assertive" : "polite", false), escape(props.title), props.children && ssr(_tmpl$4, ssrHydrationKey(), escape(props.children)), props.action && escape(createComponent(Button, {
+	return ssr(_tmpl$3$1, ssrHydrationKey(), `site-status site-status--${escape(props.tone, true)}`, ssrAttribute("role", props.tone === "danger" ? "alert" : "status", false) + ssrAttribute("aria-live", props.tone === "danger" ? "assertive" : "polite", false), escape(props.title), props.children && ssr(_tmpl$4$1, ssrHydrationKey(), escape(props.children)), props.action && escape(createComponent(Button, {
 		get tone() {
 			return props.action.tone ?? "secondary";
 		},
@@ -619,10 +694,10 @@ function StatusBanner(props) {
 	})));
 }
 function NotFoundLayout(props) {
-	return ssr(_tmpl$5, ssrHydrationKey(), escape(props.messages.notFoundTitle), escape(props.messages.notFoundDescription), escape(props.children), ssrAttribute("href", escape(props.homeHref, true), false), escape(props.messages.backHome));
+	return ssr(_tmpl$5$1, ssrHydrationKey(), escape(props.messages.notFoundTitle), escape(props.messages.notFoundDescription), escape(props.children), ssrAttribute("href", escape(props.homeHref, true), false), escape(props.messages.backHome));
 }
 function ErrorLayout(props) {
-	return ssr(_tmpl$6, ssrHydrationKey(), escape(props.messages.errorTitle), escape(props.messages.errorDescription), props.errorId && ssr(_tmpl$7, ssrHydrationKey(), escape(props.errorId)), escape(props.children), escape(createComponent(Button, {
+	return ssr(_tmpl$6$1, ssrHydrationKey(), escape(props.messages.errorTitle), escape(props.messages.errorDescription), props.errorId && ssr(_tmpl$7$1, ssrHydrationKey(), escape(props.errorId)), escape(props.children), escape(createComponent(Button, {
 		tone: "primary",
 		get onClick() {
 			return props.onRetry;
@@ -634,7 +709,7 @@ function ErrorLayout(props) {
 }
 //#endregion
 //#region src/solid/request-access.tsx
-var _tmpl$$1 = [
+var _tmpl$$2 = [
 	"<form",
 	" class=\"",
 	"\"><!--$-->",
@@ -647,7 +722,7 @@ var _tmpl$$1 = [
 ];
 function RequestAccessForm(props) {
 	const [state, setState] = createSignal("idle");
-	return ssr(_tmpl$$1, ssrHydrationKey(), `site-request-form${props.class ? ` ${escape(props.class, true)}` : ""}`, escape(createComponent(Field, {
+	return ssr(_tmpl$$2, ssrHydrationKey(), `site-request-form${props.class ? ` ${escape(props.class, true)}` : ""}`, escape(createComponent(Field, {
 		get label() {
 			return props.messages.nameLabel;
 		},
@@ -700,7 +775,7 @@ function RequestAccessForm(props) {
 }
 //#endregion
 //#region src/solid/oss-product-mark.tsx
-var _tmpl$ = [
+var _tmpl$$1 = [
 	"<img",
 	" class=\"",
 	"\"",
@@ -714,9 +789,129 @@ var MARK_SIZE = {
 function OssProductMark(props) {
 	const size = () => props.size ?? "md";
 	const pixels = () => MARK_SIZE[size()];
-	return ssr(_tmpl$, ssrHydrationKey(), `oss-product-mark oss-product-mark--${escape(size(), true)}${props.class ? ` ${escape(props.class, true)}` : ""}`, ssrAttribute("src", escape(props.src, true), false) + ssrAttribute("alt", props.decorative ? "" : escape(props.name, true), false) + ssrAttribute("aria-hidden", props.decorative ? "true" : escape(void 0, true), false) + ssrAttribute("width", escape(pixels(), true), false) + ssrAttribute("height", escape(pixels(), true), false));
+	return ssr(_tmpl$$1, ssrHydrationKey(), `oss-product-mark oss-product-mark--${escape(size(), true)}${props.class ? ` ${escape(props.class, true)}` : ""}`, ssrAttribute("src", escape(props.src, true), false) + ssrAttribute("alt", props.decorative ? "" : escape(props.name, true), false) + ssrAttribute("aria-hidden", props.decorative ? "true" : escape(void 0, true), false) + ssrAttribute("width", escape(pixels(), true), false) + ssrAttribute("height", escape(pixels(), true), false));
+}
+//#endregion
+//#region src/solid/sections.tsx
+var _tmpl$ = [
+	"<section",
+	" class=\"site-section\"",
+	"><div class=\"site-section__shell\">",
+	"</div></section>"
+];
+var _tmpl$2 = [
+	"<header",
+	" class=\"site-section__head\"><p class=\"site-section__index\" aria-hidden=\"true\">",
+	"</p><h2",
+	">",
+	"</h2><!--$-->",
+	"<!--/--></header>"
+];
+var _tmpl$3 = [
+	"<p",
+	" class=\"site-section__lede\">",
+	"</p>"
+];
+var _tmpl$4 = [
+	"<section",
+	" class=\"site-hero\"",
+	"><div class=\"site-hero__shell\"><div class=\"site-hero__copy\"><!--$-->",
+	"<!--/--><h1",
+	">",
+	"</h1><p class=\"site-hero__lede\">",
+	"</p><div class=\"site-hero__actions\">",
+	"</div></div><figure class=\"site-hero__aside\"",
+	">",
+	"</figure></div></section>"
+];
+var _tmpl$5 = [
+	"<p",
+	" class=\"site-hero__eyebrow\">",
+	"</p>"
+];
+var _tmpl$6 = [
+	"<ol",
+	" class=\"site-steps\"",
+	">",
+	"</ol>"
+];
+var _tmpl$7 = [
+	"<li",
+	" class=\"site-steps__step\"><span class=\"site-steps__marker\" aria-hidden=\"true\">",
+	"</span><h3>",
+	"</h3><p>",
+	"</p></li>"
+];
+var _tmpl$8 = [
+	"<ul",
+	" class=\"site-rows\"",
+	">",
+	"</ul>"
+];
+var _tmpl$9 = [
+	"<li",
+	" class=\"site-rows__row\"><div class=\"site-rows__title\"><h3>",
+	"</h3><!--$-->",
+	"<!--/--></div><p class=\"site-rows__body\">",
+	"</p></li>"
+];
+var _tmpl$0 = [
+	"<span",
+	" class=\"dds-badge dds-badge--brand\">",
+	"</span>"
+];
+var _tmpl$1 = [
+	"<div",
+	" class=\"site-pricing\"><div class=\"site-pricing__note\">",
+	"</div><div class=\"site-pricing__action\">",
+	"</div></div>"
+];
+function SectionBlock(props) {
+	return ssr(_tmpl$, ssrHydrationKey(), ssrAttribute("id", escape(props.id, true), false) + ssrAttribute("data-tone", escape(props.tone ?? "default", true), false) + ssrAttribute("aria-labelledby", escape(props.labelledBy, true), false), escape(props.children));
+}
+function SectionHead(props) {
+	return ssr(_tmpl$2, ssrHydrationKey(), escape(props.index), ssrAttribute("id", escape(props.titleId, true), false), escape(props.title), escape(createComponent(Show, {
+		get when() {
+			return props.lede;
+		},
+		children: (lede) => ssr(_tmpl$3, ssrHydrationKey(), escape(lede()))
+	})));
+}
+function HeroSplit(props) {
+	return ssr(_tmpl$4, ssrHydrationKey() + ssrAttribute("id", escape(props.id, true), false), ssrAttribute("aria-labelledby", escape(props.titleId, true), false), escape(createComponent(Show, {
+		get when() {
+			return props.eyebrow;
+		},
+		children: (eyebrow) => ssr(_tmpl$5, ssrHydrationKey(), escape(eyebrow()))
+	})), ssrAttribute("id", escape(props.titleId, true), false), escape(props.title), escape(props.lede), escape(props.actions), ssrAttribute("aria-label", escape(props.asideLabel, true), false), escape(props.aside));
+}
+function StepFlow(props) {
+	return ssr(_tmpl$6, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.label, true), false), escape(createComponent(For, {
+		get each() {
+			return props.steps;
+		},
+		children: (step, index) => ssr(_tmpl$7, ssrHydrationKey(), escape(index()) + 1, escape(step.title), escape(step.body))
+	})));
+}
+/** Hairline rows — a card grid is the thing this primitive exists to replace. */
+function FeatureRows(props) {
+	return ssr(_tmpl$8, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.label, true), false), escape(createComponent(For, {
+		get each() {
+			return props.rows;
+		},
+		children: (row) => ssr(_tmpl$9, ssrHydrationKey(), escape(row.title), escape(createComponent(Show, {
+			get when() {
+				return row.badge;
+			},
+			children: (badge) => ssr(_tmpl$0, ssrHydrationKey(), escape(badge()))
+		})), escape(row.body))
+	})));
+}
+/** One paragraph block, one action. No table, no tiers — a note, not a pricing page. */
+function PricingNote(props) {
+	return ssr(_tmpl$1, ssrHydrationKey(), escape(props.children), escape(props.action));
 }
 //#endregion
-export { ErrorLayout, LegalLayout, LocaleMenu, MarketingShell, NotFoundLayout, OssProductMark, RequestAccessForm, SiteFooter, SiteHeader, StatusBanner, ThemeToggle };
+export { ErrorLayout, FeatureRows, HeroSplit, LegalLayout, LocaleMenu, MarketingShell, NotFoundLayout, OssProductMark, PricingNote, RequestAccessForm, SectionBlock, SectionHead, SiteFooter, SiteHeader, StatusBanner, StepFlow, ThemeToggle };
 
 //# sourceMappingURL=solid.server.js.map