@devslab/site-kit 0.6.0 → 0.8.0

package/README.ko.md

@@ -72,7 +72,41 @@ export const locales = defineLocaleRegistry({
 메타데이터를 레지스트리 없이 만들면, 페이지는 타밀어로 렌더되면서 검색
 엔진에는 타밀어가 없다고 말한다.
 
-## 로케일 메뉴 variant
+## 제작사 표시
+
+루트 entry는 프레임워크 중립 `definePublisher`, `buildPublisher`,
+`serializeJsonLd`, `renderPublisherHtml`을 제공한다. DevsLab 제품과 OSS는
+별도 entry `@devslab/site-kit/devslab`의 공통 설정을 사용한다.
+
+```js
+import { buildPublisher, renderPublisherHtml } from "@devslab/site-kit";
+import { DEVSLAB_PUBLISHER } from "@devslab/site-kit/devslab";
+
+const publisher = buildPublisher(DEVSLAB_PUBLISHER, { locale: "ko" });
+// footer에는 publisher.link.href / .label을 사용한다.
+// JSON-LD graph에는 publisher.organization을 넣고,
+// 제품/WebSite publisher에는 publisher.reference를 사용한다.
+const html = renderPublisherHtml(DEVSLAB_PUBLISHER);
+// 정적 페이지 빌드에서 삽입: 보이는 링크 + Organization.
+```
+
+`PublisherIdentity`의 필수 필드는 `id`, `name`, `url`이다. 선택 필드
+`alternateName`, `sameAs`, `labels`, `defaultLabel`은 정체성만 표현하며
+제품 기능 주장을 추가하지 않는다. URL은 사용자 정보 없는 절대 HTTP(S)만
+허용한다. 설정은 복사 후 동결한다. 라벨은 정확한 locale, 소문자/기본 언어,
+`defaultLabel`(없으면 `name`) 순서다. DevsLab 기본 라벨은
+`데브스랩(DevsLab)`이고 `en`은 `DevsLab`이다. 공식 홈페이지·한국어 이름·
+공식 `sameAs` 링크는 이 설정이 소유한다.
+
+`renderPublisherHtml`은 링크와 JSON-LD를 escape하며 CSP용 `nonce`를
+선택적으로 받는다. DOM이나 Solid 없이 문자열을 반환하므로 Node 빌드,
+MkDocs 준비 작업, SSR에서 공통으로 쓴다. 기존 graph를 script에 넣을 때는
+`serializeJsonLd`를 사용한다. Organization은 페이지마다 한 번 출력한다.
+다른 제작사는 자체 설정으로 `definePublisher`를 호출한다. 기능 주장은
+계속 `VerifiedFactRegistry`로 검증한다. robots·동의·분석·학습 정책은
+이 API가 변경하지 않는다.
+
+## 로케일 메뉴 렌더링
 
 `LocaleMenu`는 기본으로 네이티브 `<select>`를 렌더링한다. `variant="flag"`는
 트리거가 현재 로케일의 국기이고 행마다 국기 + 자국어 이름 링크인 `<details>`

package/README.md

@@ -41,7 +41,40 @@ Six stateless primitives for a family landing page, extracted from VisionLinq. I
 
 `defineLocaleRegistry({ only: ["ko", "en", "ja"] })` keeps only those family locales (family order, before any `extra`). Pass the registry to `SiteHeader localeRegistry` and to `validateCatalogs(…, { registry })`; a visitor asking for a locale outside the subset resolves to your `defaultLocale`. `defaultLocale` must itself be inside `only`; an alias whose target falls outside the subset (e.g. `zh` → `zh-TW` when only `zh-HK` is kept) resolves to `undefined` and so falls through to `defaultLocale`, never to another script.
 
-## Product locales
+## Publisher attribution
+
+The root entry provides framework-neutral `definePublisher`, `buildPublisher`,
+`serializeJsonLd`, and `renderPublisherHtml`. DevsLab products and OSS sites use
+one identity preset from the separate `@devslab/site-kit/devslab` entry:
+
+```js
+import { buildPublisher, renderPublisherHtml } from "@devslab/site-kit";
+import { DEVSLAB_PUBLISHER } from "@devslab/site-kit/devslab";
+
+const publisher = buildPublisher(DEVSLAB_PUBLISHER, { locale: "ko" });
+// Render publisher.link.href / .label in the footer.
+// Put publisher.organization in the JSON-LD graph and use
+// publisher.reference as the product/WebSite publisher.
+const html = renderPublisherHtml(DEVSLAB_PUBLISHER);
+// Insert html into a static page during its build: visible link + Organization.
+```
+
+`PublisherIdentity` requires `id`, `name`, and `url`; optional `alternateName`,
+`sameAs`, `labels`, and `defaultLabel` describe identity, not product capabilities.
+URLs must be absolute HTTP(S) without credentials. Configuration is copied and
+frozen. Labels use exact locale, lowercase/base language, then `defaultLabel`
+(or `name`). The DevsLab default is `데브스랩(DevsLab)`; `en` uses `DevsLab`.
+The preset owns the official homepage, Korean alias and official `sameAs` links.
+
+`renderPublisherHtml` escapes the anchor and JSON-LD and accepts an optional
+`nonce` for CSP. It returns a string without reading the DOM or importing Solid;
+Node build scripts, MkDocs preparation, and SSR can use the same output.
+For an existing graph, use `serializeJsonLd` when inserting JSON into a script.
+Render the Organization once per page. Other publishers call `definePublisher`
+with their own configuration. Capability claims still use `VerifiedFactRegistry`;
+this API does not change robots rules, consent, analytics or training policy.
+
+## Product locale registries
 
 `LOCALES` is the family list — the fourteen languages devslab.kr markets in,
 and the floor every product gets. It is not every product's list. A product

package/dist/chrome.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from "solid-js";
 import { type LocaleMenuProps, type LocaleMenuVariant } from "./locale-menu";
-import type { LocaleRegistry } from "../core/locales.mjs";
+import { type LocaleRegistry } from "../core/locales.mjs";
 import type { LocaleState, SiteBrand, SiteLink, SiteMessages, ThemePreference } from "./types";
 export type { LocaleMenuProps };
 export interface ThemeToggleProps {
@@ -32,7 +32,36 @@ export interface SiteFooterProps {
     brand: SiteBrand;
     links: SiteLink[];
     copyright: string;
+    /** Wraps the copyright in a link — the family site, usually. */
+    copyrightHref?: string;
     messages: SiteMessages;
+    /**
+     * The language row. Omit it and no row is rendered: a product whose header
+     * already offers every language may not want a second copy of the list.
+     */
+    locale?: LocaleState;
+    /** The languages the row lists. Defaults to the family's fourteen. */
+    localeRegistry?: LocaleRegistry<string>;
+    /**
+     * Called with the code the reader picked, before the browser follows the
+     * link — for a product that remembers the choice in a cookie.
+     */
+    onLocaleSelect?: (locale: string) => void;
+    /** Links after the brand name, middot-separated: the family line, the operator. */
+    family?: SiteLink[];
 }
+/**
+ * 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.
+ */
 export declare function SiteFooter(props: SiteFooterProps): JSX.Element;
 //# sourceMappingURL=chrome.d.ts.map

package/dist/chrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../src/solid/chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAEhE,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/F,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA0ClD;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA2BhD;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAUhD"}
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../src/solid/chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAEtE,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAkB,KAAK,cAAc,EAAmB,MAAM,qBAAqB,CAAC;AAC3F,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/F,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA0ClD;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA2BhD;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,sEAAsE;IACtE,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mFAAmF;IACnF,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA4ChD"}

package/dist/solid.js

@@ -297,8 +297,8 @@ function F(e, t) {
 }
 //#endregion
 //#region src/solid/locale-menu.tsx
-var I = /*#__PURE__*/ p("<svg aria-hidden=true>"), L = /*#__PURE__*/ p("<label><span class=dds-sr-only></span><span class=\"dds-select site-locale\"><select class=dds-select__input>"), R = /*#__PURE__*/ p("<option>"), z = /*#__PURE__*/ p("<details class=site-locale-flag><summary class=site-locale-flag__trigger></summary><ul class=site-locale-flag__list role=list>"), ee = /*#__PURE__*/ p("<li><a class=site-locale-flag__option><!$><!/><span>");
-function B(e, t) {
+var I = /*#__PURE__*/ p("<svg aria-hidden=true>"), L = /*#__PURE__*/ p("<label><span class=dds-sr-only></span><span class=\"dds-select site-locale\"><select class=dds-select__input>"), ee = /*#__PURE__*/ p("<option>"), te = /*#__PURE__*/ p("<details class=site-locale-flag><summary class=site-locale-flag__trigger></summary><ul class=site-locale-flag__list role=list>"), ne = /*#__PURE__*/ p("<li><a class=site-locale-flag__option><!$><!/><span>");
+function R(e, t) {
 	let n = [...e.matchAll(/\bid="([^"]+)"/g)].map((e) => e[1]);
 	if (n.length === 0) return e;
 	let r = e;
@@ -308,13 +308,13 @@ function B(e, t) {
 	}
 	return r;
 }
-var V = (e) => e.registry ?? k;
-function H(e) {
+var z = (e) => e.registry ?? k;
+function B(e) {
 	let t = v(), n = () => F(e.locale, e.registry);
 	return (() => {
 		var a = i(I);
 		return r((r) => {
-			var i = e.class, o = n().viewBox, s = B(n().body, t);
+			var i = e.class, o = n().viewBox, s = R(n().body, t);
 			return i !== r.e && u(a, "class", r.e = i), o !== r.t && u(a, "viewBox", r.t = o), s !== r.a && d(a, "innerHTML", r.a = s), r;
 		}, {
 			e: void 0,
@@ -323,8 +323,8 @@ function H(e) {
 		}), a;
 	})();
 }
-function te(e) {
-	let n = () => V(e);
+function re(e) {
+	let n = () => z(e);
 	return (() => {
 		var a = i(L), s = a.firstChild, c = s.nextSibling.firstChild;
 		return o(s, () => e.messages.localeLabel), c.addEventListener("change", (t) => {
@@ -335,7 +335,7 @@ function te(e) {
 				return n().LOCALES;
 			},
 			children: (t) => (() => {
-				var n = i(R);
+				var n = i(ee);
 				return o(n, () => t.nativeName), r((r) => {
 					var i = t.code, a = t.dir, o = t.code === e.state.locale;
 					return i !== r.e && u(n, "lang", r.e = i), a !== r.t && u(n, "dir", r.t = a), o !== r.a && d(n, "selected", r.a = o), r;
@@ -348,8 +348,8 @@ function te(e) {
 		})), r(() => u(c, "aria-label", e.messages.localeLabel)), a;
 	})();
 }
-function ne(e) {
-	let n, s, c = () => V(e), d = () => c().LOCALES.find((t) => t.code === e.state.locale), f = () => {
+function ie(e) {
+	let n, s, c = () => z(e), d = () => c().LOCALES.find((t) => t.code === e.state.locale), f = () => {
 		n && (n.open = !1);
 	}, p = (e) => {
 		e.key !== "Escape" || !n?.open || (e.preventDefault(), f(), s?.focus());
@@ -358,12 +358,12 @@ function ne(e) {
 		return t ? `${e.messages.localeLabel}: ${t}` : e.messages.localeLabel;
 	};
 	return (() => {
-		var d = i(z), _ = d.firstChild, v = _.nextSibling;
+		var d = i(te), _ = d.firstChild, v = _.nextSibling;
 		d.$$keydown = p;
 		var y = n;
 		typeof y == "function" ? m(y, d) : n = d;
 		var b = s;
-		return typeof b == "function" ? m(b, _) : s = _, o(_, t(H, {
+		return typeof b == "function" ? m(b, _) : s = _, o(_, t(B, {
 			get locale() {
 				return e.state.locale;
 			},
@@ -376,10 +376,10 @@ function ne(e) {
 				return c().LOCALES;
 			},
 			children: (n) => (() => {
-				var s = i(ee), d = s.firstChild, p = d.firstChild, [m, h] = a(p.nextSibling), g = m.nextSibling;
+				var s = i(ne), d = s.firstChild, p = d.firstChild, [m, h] = a(p.nextSibling), g = m.nextSibling;
 				return d.$$click = (t) => {
 					e.onLocaleChange && (t.preventDefault(), f(), e.onLocaleChange(n.code, e.state.hrefForLocale(n.code)));
-				}, o(d, t(H, {
+				}, o(d, t(B, {
 					get locale() {
 						return n.code;
 					},
@@ -407,14 +407,14 @@ function ne(e) {
 		}), l(), d;
 	})();
 }
-function U(e) {
-	return e.variant === "flag" ? t(ne, e) : t(te, e);
+function V(e) {
+	return e.variant === "flag" ? t(ie, e) : t(re, e);
 }
 n(["keydown", "click"]);
 //#endregion
 //#region src/solid/chrome.tsx
-var W = /*#__PURE__*/ p("<header class=site-header><a class=dds-sr-only href=#main-content></a><div class=site-header__inner><a class=site-brand><!$><!/><!$><!/></a><!$><!/><nav id=site-navigation class=site-nav><ul class=site-nav__list></ul></nav><div class=site-header__controls><!$><!/><!$><!/><!$><!/>"), G = /*#__PURE__*/ p("<li><a>"), K = /*#__PURE__*/ p("<footer class=site-footer><div class=site-footer__inner><strong></strong><ul class=site-footer__links></ul><small>");
-function q(e) {
+var ae = /*#__PURE__*/ p("<header class=site-header><a class=dds-sr-only href=#main-content></a><div class=site-header__inner><a class=site-brand><!$><!/><!$><!/></a><!$><!/><nav id=site-navigation class=site-nav><ul class=site-nav__list></ul></nav><div class=site-header__controls><!$><!/><!$><!/><!$><!/>"), H = /*#__PURE__*/ p("<li><a>"), U = /*#__PURE__*/ p("<footer class=site-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>"), W = /*#__PURE__*/ p("<nav class=site-footer__langs>"), G = /*#__PURE__*/ p("<a>"), K = /*#__PURE__*/ p("<span aria-hidden=true>·"), q = /*#__PURE__*/ p("<bdi>"), J = /*#__PURE__*/ p("<a><bdi>");
+function Y(e) {
 	let n = [
 		"system",
 		"light",
@@ -452,10 +452,10 @@ function q(e) {
 		}
 	});
 }
-function J(e) {
+function X(e) {
 	let [n, l] = _(!1);
 	return (() => {
-		var d = i(W), f = d.firstChild, p = f.nextSibling, m = p.firstChild, g = m.firstChild, [_, v] = a(g.nextSibling), y = _.nextSibling, [x, S] = a(y.nextSibling), C = m.nextSibling, [w, T] = a(C.nextSibling), E = w.nextSibling, D = E.firstChild, O = E.nextSibling, k = O.firstChild, [A, j] = a(k.nextSibling), M = A.nextSibling, [N, P] = a(M.nextSibling), F = N.nextSibling, [I, L] = a(F.nextSibling);
+		var d = i(ae), f = d.firstChild, p = f.nextSibling, m = p.firstChild, g = m.firstChild, [_, v] = a(g.nextSibling), y = _.nextSibling, [x, S] = a(y.nextSibling), C = m.nextSibling, [w, T] = a(C.nextSibling), E = w.nextSibling, D = E.firstChild, O = E.nextSibling, k = O.firstChild, [A, j] = a(k.nextSibling), M = A.nextSibling, [N, P] = a(M.nextSibling), F = N.nextSibling, [I, L] = a(F.nextSibling);
 		return o(f, () => e.messages.skipToContent), o(m, () => e.brand.logo, _, v), o(m, () => e.brand.name, x, S), o(p, t(b, {
 			class: "site-menu-button",
 			tone: "ghost",
@@ -472,7 +472,7 @@ function J(e) {
 				return e.navigation;
 			},
 			children: (e) => (() => {
-				var t = i(G), n = t.firstChild;
+				var t = i(H), n = t.firstChild;
 				return o(n, () => e.label), r((t) => {
 					var r = e.href, i = e.external ? "_blank" : void 0, a = e.external ? "noreferrer" : void 0;
 					return r !== t.e && u(n, "href", t.e = r), i !== t.t && u(n, "target", t.t = i), a !== t.a && u(n, "rel", t.a = a), t;
@@ -482,7 +482,7 @@ function J(e) {
 					a: void 0
 				}), t;
 			})()
-		})), o(O, t(U, c({
+		})), o(O, t(V, c({
 			get state() {
 				return e.locale;
 			},
@@ -491,7 +491,7 @@ function J(e) {
 			}
 		}, () => e.localeVariant ? { variant: e.localeVariant } : {}, () => e.localeRegistry ? { registry: e.localeRegistry } : {}, () => e.onLocaleChange ? { onLocaleChange: e.onLocaleChange } : {})), A, j), o(O, (() => {
 			var n = s(() => !!e.theme);
-			return () => n() && t(q, c(() => e.theme, { get messages() {
+			return () => n() && t(Y, c(() => e.theme, { get messages() {
 				return e.messages;
 			} }));
 		})(), N, P), o(O, () => e.actions, I, L), r((t) => {
@@ -505,43 +505,92 @@ function J(e) {
 		}), d;
 	})();
 }
-function Y(e) {
+function Z(e) {
+	let n = () => e.localeRegistry ?? k;
 	return (() => {
-		var n = i(K), a = n.firstChild.firstChild, s = a.nextSibling, c = s.nextSibling;
-		return o(a, () => e.brand.name), o(s, t(h, {
+		var s = i(U), c = s.firstChild, d = c.firstChild, [f, p] = a(d.nextSibling), m = f.nextSibling.firstChild, _ = m.firstChild, [v, y] = a(_.nextSibling), b = v.nextSibling, x = b.nextSibling, [S, C] = a(x.nextSibling), w = m.nextSibling, T = w.firstChild, [E, D] = a(T.nextSibling), O = E.nextSibling;
+		return o(c, t(g, {
+			get when() {
+				return e.locale;
+			},
+			children: (a) => (() => {
+				var s = i(W);
+				return o(s, t(h, {
+					get each() {
+						return n().LOCALES;
+					},
+					children: (t) => (() => {
+						var n = i(G);
+						return n.$$click = () => e.onLocaleSelect?.(t.code), o(n, () => t.nativeName), r((e) => {
+							var r = a().hrefForLocale(t.code), i = t.code, o = t.code, s = t.dir, c = t.code === a().locale ? "page" : void 0;
+							return r !== e.e && u(n, "href", e.e = r), i !== e.t && u(n, "hreflang", e.t = i), o !== e.a && u(n, "lang", e.a = o), s !== e.o && u(n, "dir", e.o = s), c !== e.i && u(n, "aria-current", e.i = c), e;
+						}, {
+							e: void 0,
+							t: void 0,
+							a: void 0,
+							o: void 0,
+							i: void 0
+						}), l(), n;
+					})()
+				})), r(() => u(s, "aria-label", e.messages.localeLabel)), s;
+			})()
+		}), f, p), o(m, () => e.brand.logo, v, y), o(b, () => e.brand.name), o(m, t(h, {
+			get each() {
+				return e.family ?? [];
+			},
+			children: (e) => [i(K), (() => {
+				var t = i(G);
+				return o(t, () => e.label), r(() => u(t, "href", e.href)), t;
+			})()]
+		}), S, C), o(w, t(h, {
 			get each() {
 				return e.links;
 			},
 			children: (e) => (() => {
-				var t = i(G), n = t.firstChild;
+				var t = i(H), n = t.firstChild;
 				return o(n, () => e.label), r(() => u(n, "href", e.href)), t;
 			})()
-		})), o(c, () => e.copyright), r(() => u(n, "aria-label", e.messages.footerLabel)), n;
+		}), E, D), o(O, t(g, {
+			get when() {
+				return e.copyrightHref;
+			},
+			get fallback() {
+				return (() => {
+					var t = i(q);
+					return o(t, () => e.copyright), t;
+				})();
+			},
+			children: (t) => (() => {
+				var n = i(J), a = n.firstChild;
+				return o(a, () => e.copyright), r(() => u(n, "href", t())), n;
+			})()
+		})), r(() => u(s, "aria-label", e.messages.footerLabel)), s;
 	})();
 }
+n(["click"]);
 //#endregion
 //#region src/solid/layouts.tsx
-var X = /*#__PURE__*/ p("<div class=site-shell><!$><!/><main id=main-content tabindex=-1></main><!$><!/>"), Z = /*#__PURE__*/ p("<article class=site-legal><header><h1></h1><p><!$><!/>: <time></time></p></header><!$><!/>"), re = /*#__PURE__*/ p("<section><strong></strong><!$><!/><!$><!/>"), ie = /*#__PURE__*/ p("<div>"), ae = /*#__PURE__*/ p("<main class=\"site-main site-centered-layout\"><h1></h1><p></p><!$><!/><a class=\"dds-btn dds-btn--primary\">"), oe = /*#__PURE__*/ p("<main class=\"site-main site-centered-layout\"><h1></h1><p></p><!$><!/><!$><!/><!$><!/>"), se = /*#__PURE__*/ p("<code>");
-function ce(n) {
+var oe = /*#__PURE__*/ p("<div class=site-shell><!$><!/><main id=main-content tabindex=-1></main><!$><!/>"), se = /*#__PURE__*/ p("<article class=site-legal><header><h1></h1><p><!$><!/>: <time></time></p></header><!$><!/>"), ce = /*#__PURE__*/ p("<section><strong></strong><!$><!/><!$><!/>"), le = /*#__PURE__*/ p("<div>"), ue = /*#__PURE__*/ p("<main class=\"site-main site-centered-layout\"><h1></h1><p></p><!$><!/><a class=\"dds-btn dds-btn--primary\">"), de = /*#__PURE__*/ p("<main class=\"site-main site-centered-layout\"><h1></h1><p></p><!$><!/><!$><!/><!$><!/>"), fe = /*#__PURE__*/ p("<code>");
+function pe(n) {
 	let s = () => n.mainWidth === "bleed" ? "site-main site-main--bleed" : "site-main";
 	return (() => {
-		var l = i(X), u = l.firstChild, [d, f] = a(u.nextSibling), p = d.nextSibling, m = p.nextSibling, [h, g] = a(m.nextSibling);
-		return o(l, t(J, c(() => n.header)), d, f), o(p, () => n.children), o(l, t(Y, c(() => n.footer)), h, g), r(() => e(p, s())), l;
+		var l = i(oe), u = l.firstChild, [d, f] = a(u.nextSibling), p = d.nextSibling, m = p.nextSibling, [h, g] = a(m.nextSibling);
+		return o(l, t(X, c(() => n.header)), d, f), o(p, () => n.children), o(l, t(Z, c(() => n.footer)), h, g), r(() => e(p, s())), l;
 	})();
 }
-function le(e) {
+function me(e) {
 	return (() => {
-		var t = i(Z), n = t.firstChild, s = n.firstChild, c = s.nextSibling, l = c.firstChild, [d, f] = a(l.nextSibling), p = d.nextSibling.nextSibling, m = n.nextSibling, [h, g] = a(m.nextSibling);
+		var t = i(se), n = t.firstChild, s = n.firstChild, c = s.nextSibling, l = c.firstChild, [d, f] = a(l.nextSibling), p = d.nextSibling.nextSibling, m = n.nextSibling, [h, g] = a(m.nextSibling);
 		return o(s, () => e.title), o(c, () => e.messages.updatedLabel, d, f), o(p, () => e.updatedAt), o(t, () => e.children, h, g), r(() => u(p, "datetime", e.updatedAt)), t;
 	})();
 }
-function ue(n) {
+function he(n) {
 	return (() => {
-		var c = i(re), l = c.firstChild, d = l.nextSibling, [f, p] = a(d.nextSibling), m = f.nextSibling, [h, g] = a(m.nextSibling);
+		var c = i(ce), l = c.firstChild, d = l.nextSibling, [f, p] = a(d.nextSibling), m = f.nextSibling, [h, g] = a(m.nextSibling);
 		return o(l, () => n.title), o(c, (() => {
 			var e = s(() => !!n.children);
 			return () => e() && (() => {
-				var e = i(ie);
+				var e = i(le);
 				return o(e, () => n.children), e;
 			})();
 		})(), f, p), o(c, (() => {
@@ -567,19 +616,19 @@ function ue(n) {
 		}), c;
 	})();
 }
-function de(e) {
+function ge(e) {
 	return (() => {
-		var t = i(ae), n = t.firstChild, s = n.nextSibling, c = s.nextSibling, [l, d] = a(c.nextSibling), f = l.nextSibling;
+		var t = i(ue), n = t.firstChild, s = n.nextSibling, c = s.nextSibling, [l, d] = a(c.nextSibling), f = l.nextSibling;
 		return o(n, () => e.messages.notFoundTitle), o(s, () => e.messages.notFoundDescription), o(t, () => e.children, l, d), o(f, () => e.messages.backHome), r(() => u(f, "href", e.homeHref)), t;
 	})();
 }
-function fe(e) {
+function _e(e) {
 	return (() => {
-		var n = i(oe), r = n.firstChild, c = r.nextSibling, l = c.nextSibling, [u, d] = a(l.nextSibling), f = u.nextSibling, [p, m] = a(f.nextSibling), h = p.nextSibling, [g, _] = a(h.nextSibling);
+		var n = i(de), r = n.firstChild, c = r.nextSibling, l = c.nextSibling, [u, d] = a(l.nextSibling), f = u.nextSibling, [p, m] = a(f.nextSibling), h = p.nextSibling, [g, _] = a(h.nextSibling);
 		return o(r, () => e.messages.errorTitle), o(c, () => e.messages.errorDescription), o(n, (() => {
 			var t = s(() => !!e.errorId);
 			return () => t() && (() => {
-				var t = i(se);
+				var t = i(fe);
 				return o(t, () => e.errorId), t;
 			})();
 		})(), u, d), o(n, () => e.children, p, m), o(n, t(b, {
@@ -595,8 +644,8 @@ function fe(e) {
 }
 //#endregion
 //#region src/solid/request-access.tsx
-var pe = /*#__PURE__*/ p("<form><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><div aria-live=polite aria-atomic=true>"), Q = /*#__PURE__*/ p("<input>"), me = /*#__PURE__*/ p("<textarea>");
-function he(n) {
+var ve = /*#__PURE__*/ p("<form><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><div aria-live=polite aria-atomic=true>"), Q = /*#__PURE__*/ p("<input>"), ye = /*#__PURE__*/ p("<textarea>");
+function be(n) {
 	let [u, d] = _("idle"), p = async (e) => {
 		if (e.preventDefault(), u() !== "submitting") {
 			d("submitting");
@@ -608,7 +657,7 @@ function he(n) {
 		}
 	};
 	return (() => {
-		var d = i(pe), m = d.firstChild, [h, g] = a(m.nextSibling), _ = h.nextSibling, [v, y] = a(_.nextSibling), S = v.nextSibling, [C, w] = a(S.nextSibling), T = C.nextSibling, [E, D] = a(T.nextSibling), O = E.nextSibling, [k, A] = a(O.nextSibling), j = k.nextSibling;
+		var d = i(ve), m = d.firstChild, [h, g] = a(m.nextSibling), _ = h.nextSibling, [v, y] = a(_.nextSibling), S = v.nextSibling, [C, w] = a(S.nextSibling), T = C.nextSibling, [E, D] = a(T.nextSibling), O = E.nextSibling, [k, A] = a(O.nextSibling), j = k.nextSibling;
 		return d.addEventListener("submit", p), o(d, t(x, {
 			get label() {
 				return n.messages.nameLabel;
@@ -655,7 +704,7 @@ function he(n) {
 				return n.messages.useCaseLabel;
 			},
 			children: (e) => (() => {
-				var t = i(me);
+				var t = i(ye);
 				return f(t, c(e, {
 					class: "dds-textarea",
 					name: "useCase",
@@ -678,15 +727,15 @@ function he(n) {
 }
 //#endregion
 //#region src/solid/oss-product-mark.tsx
-var ge = /*#__PURE__*/ p("<img decoding=async>"), _e = {
+var xe = /*#__PURE__*/ p("<img decoding=async>"), Se = {
 	sm: 24,
 	md: 32,
 	lg: 48
 };
-function ve(t) {
-	let n = () => t.size ?? "md", a = () => _e[n()];
+function Ce(t) {
+	let n = () => t.size ?? "md", a = () => Se[n()];
 	return (() => {
-		var o = i(ge);
+		var o = i(xe);
 		return r((r) => {
 			var i = `oss-product-mark oss-product-mark--${n()}${t.class ? ` ${t.class}` : ""}`, s = t.src, c = t.decorative ? "" : t.name, l = t.decorative ? "true" : void 0, d = a(), f = a();
 			return i !== r.e && e(o, r.e = i), s !== r.t && u(o, "src", r.t = s), c !== r.a && u(o, "alt", r.a = c), l !== r.o && u(o, "aria-hidden", r.o = l), d !== r.i && u(o, "width", r.i = d), f !== r.n && u(o, "height", r.n = f), r;
@@ -702,10 +751,10 @@ function ve(t) {
 }
 //#endregion
 //#region src/solid/sections.tsx
-var ye = /*#__PURE__*/ p("<section class=site-section><div class=site-section__shell>"), be = /*#__PURE__*/ p("<header class=site-section__head><p class=site-section__index aria-hidden=true></p><h2></h2><!$><!/>"), xe = /*#__PURE__*/ p("<p class=site-section__lede>"), Se = /*#__PURE__*/ p("<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>"), $ = /*#__PURE__*/ p("<p class=site-hero__eyebrow>"), Ce = /*#__PURE__*/ p("<ol class=site-steps>"), we = /*#__PURE__*/ p("<li class=site-steps__step><span class=site-steps__marker aria-hidden=true></span><h3></h3><p>"), Te = /*#__PURE__*/ p("<ul class=site-rows>"), Ee = /*#__PURE__*/ p("<li class=site-rows__row><div class=site-rows__title><h3></h3><!$><!/></div><p class=site-rows__body>"), De = /*#__PURE__*/ p("<span class=\"dds-badge dds-badge--brand\">"), Oe = /*#__PURE__*/ p("<div class=site-pricing><div class=site-pricing__note></div><div class=site-pricing__action>");
-function ke(e) {
+var we = /*#__PURE__*/ p("<section class=site-section><div class=site-section__shell>"), Te = /*#__PURE__*/ p("<header class=site-section__head><p class=site-section__index aria-hidden=true></p><h2></h2><!$><!/>"), Ee = /*#__PURE__*/ p("<p class=site-section__lede>"), De = /*#__PURE__*/ p("<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>"), Oe = /*#__PURE__*/ p("<p class=site-hero__eyebrow>"), ke = /*#__PURE__*/ p("<ol class=site-steps>"), $ = /*#__PURE__*/ p("<li class=site-steps__step><span class=site-steps__marker aria-hidden=true></span><h3></h3><p>"), Ae = /*#__PURE__*/ p("<ul class=site-rows>"), je = /*#__PURE__*/ p("<li class=site-rows__row><div class=site-rows__title><h3></h3><!$><!/></div><p class=site-rows__body>"), Me = /*#__PURE__*/ p("<span class=\"dds-badge dds-badge--brand\">"), Ne = /*#__PURE__*/ p("<div class=site-pricing><div class=site-pricing__note></div><div class=site-pricing__action>");
+function Pe(e) {
 	return (() => {
-		var t = i(ye), n = t.firstChild;
+		var t = i(we), n = t.firstChild;
 		return o(n, () => e.children), r((n) => {
 			var r = e.id, i = e.tone ?? "default", a = e.labelledBy;
 			return r !== n.e && u(t, "id", n.e = r), i !== n.t && u(t, "data-tone", n.t = i), a !== n.a && u(t, "aria-labelledby", n.a = a), n;
@@ -716,29 +765,29 @@ function ke(e) {
 		}), t;
 	})();
 }
-function Ae(e) {
+function Fe(e) {
 	return (() => {
-		var n = i(be), s = n.firstChild, c = s.nextSibling, l = c.nextSibling, [d, f] = a(l.nextSibling);
+		var n = i(Te), s = n.firstChild, c = s.nextSibling, l = c.nextSibling, [d, f] = a(l.nextSibling);
 		return o(s, () => e.index), o(c, () => e.title), o(n, t(g, {
 			get when() {
 				return e.lede;
 			},
 			children: (e) => (() => {
-				var t = i(xe);
+				var t = i(Ee);
 				return o(t, e), t;
 			})()
 		}), d, f), r(() => u(c, "id", e.titleId)), n;
 	})();
 }
-function je(e) {
+function Ie(e) {
 	return (() => {
-		var n = i(Se), s = n.firstChild.firstChild, c = s.firstChild, [l, d] = a(c.nextSibling), f = l.nextSibling, p = f.nextSibling, m = p.nextSibling, h = s.nextSibling;
+		var n = i(De), s = n.firstChild.firstChild, c = s.firstChild, [l, d] = a(c.nextSibling), f = l.nextSibling, p = f.nextSibling, m = p.nextSibling, h = s.nextSibling;
 		return o(s, t(g, {
 			get when() {
 				return e.eyebrow;
 			},
 			children: (e) => (() => {
-				var t = i($);
+				var t = i(Oe);
 				return o(t, e), t;
 			})()
 		}), l, d), o(f, () => e.title), o(p, () => e.lede), o(m, () => e.actions), o(h, () => e.aside), r((t) => {
@@ -752,35 +801,35 @@ function je(e) {
 		}), n;
 	})();
 }
-function Me(e) {
+function Le(e) {
 	return (() => {
-		var n = i(Ce);
+		var n = i(ke);
 		return o(n, t(h, {
 			get each() {
 				return e.steps;
 			},
 			children: (e, t) => (() => {
-				var n = i(we), r = n.firstChild, a = r.nextSibling, s = a.nextSibling;
+				var n = i($), r = n.firstChild, a = r.nextSibling, s = a.nextSibling;
 				return o(r, () => t() + 1), o(a, () => e.title), o(s, () => e.body), n;
 			})()
 		})), r(() => u(n, "aria-label", e.label)), n;
 	})();
 }
-function Ne(e) {
+function Re(e) {
 	return (() => {
-		var n = i(Te);
+		var n = i(Ae);
 		return o(n, t(h, {
 			get each() {
 				return e.rows;
 			},
 			children: (e) => (() => {
-				var n = i(Ee), r = n.firstChild, s = r.firstChild, c = s.nextSibling, [l, u] = a(c.nextSibling), d = r.nextSibling;
+				var n = i(je), r = n.firstChild, s = r.firstChild, c = s.nextSibling, [l, u] = a(c.nextSibling), d = r.nextSibling;
 				return o(s, () => e.title), o(r, t(g, {
 					get when() {
 						return e.badge;
 					},
 					children: (e) => (() => {
-						var t = i(De);
+						var t = i(Me);
 						return o(t, e), t;
 					})()
 				}), l, u), o(d, () => e.body), n;
@@ -788,13 +837,13 @@ function Ne(e) {
 		})), r(() => u(n, "aria-label", e.label)), n;
 	})();
 }
-function Pe(e) {
+function ze(e) {
 	return (() => {
-		var t = i(Oe), n = t.firstChild, r = n.nextSibling;
+		var t = i(Ne), n = t.firstChild, r = n.nextSibling;
 		return o(n, () => e.children), o(r, () => e.action), t;
 	})();
 }
 //#endregion
-export { fe as ErrorLayout, Ne as FeatureRows, je as HeroSplit, le as LegalLayout, U as LocaleMenu, ce as MarketingShell, de as NotFoundLayout, ve as OssProductMark, Pe as PricingNote, he as RequestAccessForm, ke as SectionBlock, Ae as SectionHead, Y as SiteFooter, J as SiteHeader, ue as StatusBanner, Me as StepFlow, q as ThemeToggle };
+export { _e as ErrorLayout, Re as FeatureRows, Ie as HeroSplit, me as LegalLayout, V as LocaleMenu, pe as MarketingShell, ge as NotFoundLayout, Ce as OssProductMark, ze as PricingNote, be as RequestAccessForm, Pe as SectionBlock, Fe as SectionHead, Z as SiteFooter, X as SiteHeader, he as StatusBanner, Le as StepFlow, Y as ThemeToggle };
 
 //# sourceMappingURL=solid.js.map