@devslab/site-kit 0.12.0 → 0.13.0

package/dist/solid.js

@@ -1,5 +1,5 @@
 import { className as e, createComponent as t, delegateEvents as n, effect as r, getNextElement as i, getNextMarker as a, insert as o, memo as s, mergeProps as c, runHydrationEvents as l, setAttribute as u, setProperty as d, spread as f, template as p, use as m } from "solid-js/web";
-import { For as h, Show as g, createSignal as _, createUniqueId as v, onMount as y, sharedConfig as b } from "solid-js";
+import { For as h, Show as g, createMemo as _, createSignal as v, createUniqueId as y, onMount as b } from "solid-js";
 import { Button as x, Field as S, Icon as C, IconButton as w } from "@devslab/dds-solid";
 //#region src/core/locales.mjs
 var T = Object.freeze([
@@ -180,7 +180,7 @@ function k(e, t) {
 		};
 	}).filter(({ locale: e, q: t }) => e && t > 0).sort((e, t) => t.q - e.q || e.order - t.order);
 }
-var A = D(), { canonicalLocale: j, localeAttributes: ee, resolveLocale: M } = A, N = Object.freeze({
+var A = D(), { canonicalLocale: j, localeAttributes: M, resolveLocale: ee } = A, N = Object.freeze({
 	ko: "kr",
 	en: "us",
 	ja: "jp",
@@ -208,8 +208,8 @@ function I(e, t) {
 }
 //#endregion
 //#region src/solid/flag-bodies.ts
-var te = () => void 0, ne = () => import("./flag-bodies.js").then((e) => e.FLAGS_BY_COUNTRY), L = /*#__PURE__*/ p("<svg class=site-flag-sprite aria-hidden=true>"), R = /*#__PURE__*/ p("<svg aria-hidden=true><use>"), z = /*#__PURE__*/ p("<label><span class=dds-sr-only></span><span class=\"dds-select site-locale\"><select class=dds-select__input>"), re = /*#__PURE__*/ p("<option>"), ie = /*#__PURE__*/ p("<details class=site-locale-flag><summary class=site-locale-flag__trigger><!$><!/><!$><!/></summary><ul class=site-locale-flag__list role=list>"), ae = /*#__PURE__*/ p("<li><a class=site-locale-flag__option><!$><!/><span>");
-function oe(e, t) {
+var L = () => void 0, R = () => import("./flag-bodies.js").then((e) => e.FLAGS_BY_COUNTRY), z = /*#__PURE__*/ p("<svg class=site-flag-sprite aria-hidden=true>"), B = /*#__PURE__*/ p("<svg aria-hidden=true><use>"), V = /*#__PURE__*/ p("<label><span class=dds-sr-only></span><span class=\"dds-select site-locale\"><select class=dds-select__input>"), H = /*#__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 re(e, t) {
 	let n = [...e.matchAll(/\bid="([^"]+)"/g)].map((e) => e[1]);
 	if (n.length === 0) return e;
 	let r = e;
@@ -219,34 +219,34 @@ function oe(e, t) {
 	}
 	return r;
 }
-var B = (e) => e.registry ?? A, V = (e, t) => `site-flag-${e}-${t}`;
-function H(e, t, n) {
+var U = (e) => e.registry ?? A, W = (e, t) => `site-flag-${e}-${t}`;
+function G(e, t, n) {
 	return e.map((e) => {
 		let r = t[e];
 		if (!r) throw RangeError(`No vendored flag for country: ${e}`);
-		return `<symbol id="${V(e, n)}" viewBox="${r.viewBox}">${oe(r.body, n)}</symbol>`;
+		return `<symbol id="${W(e, n)}" viewBox="${r.viewBox}">${re(r.body, n)}</symbol>`;
 	}).join("");
 }
-function U(e) {
-	let t = te();
+function ie(e) {
+	let t = L();
 	return t ? (() => {
-		var n = i(L);
-		return r(() => d(n, "innerHTML", H(e.countries, t, e.uid))), n;
+		var n = i(z);
+		return r(() => d(n, "innerHTML", G(e.countries, t, e.uid))), n;
 	})() : (() => {
-		var t = i(L);
+		var t = i(z);
 		return m((t) => {
-			b.context || ne().then((n) => {
-				t.innerHTML = H(e.countries, n, e.uid);
+			t.childElementCount > 0 || R().then((n) => {
+				t.innerHTML = G(e.countries, n, e.uid);
 			});
 		}, t), t;
 	})();
 }
-function W(e) {
+function K(e) {
 	let t = () => I(e.locale, e.registry);
 	return (() => {
-		var n = i(R), a = n.firstChild;
+		var n = i(B), a = n.firstChild;
 		return u(n, "viewBox", P), r((r) => {
-			var i = e.class, o = `#${V(t(), e.uid)}`;
+			var i = e.class, o = `#${W(t(), e.uid)}`;
 			return i !== r.e && u(n, "class", r.e = i), o !== r.t && u(a, "href", r.t = o), r;
 		}, {
 			e: void 0,
@@ -254,10 +254,10 @@ function W(e) {
 		}), n;
 	})();
 }
-function G(e) {
-	let n = () => B(e);
+function ae(e) {
+	let n = () => U(e);
 	return (() => {
-		var a = i(z), s = a.firstChild, c = s.nextSibling.firstChild;
+		var a = i(V), s = a.firstChild, c = s.nextSibling.firstChild;
 		return o(s, () => e.messages.localeLabel), c.addEventListener("change", (t) => {
 			let n = t.currentTarget.value, r = e.state.hrefForLocale(n);
 			e.onLocaleChange ? e.onLocaleChange(n, r) : window.location.assign(r);
@@ -266,7 +266,7 @@ function G(e) {
 				return n().LOCALES;
 			},
 			children: (t) => (() => {
-				var n = i(re);
+				var n = i(H);
 				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;
@@ -279,27 +279,27 @@ function G(e) {
 		})), r(() => u(c, "aria-label", e.messages.localeLabel)), a;
 	})();
 }
-function K(e) {
-	let n, s, c = v(), d = () => B(e), f = () => [...new Set(d().LOCALES.map((e) => I(e.code, d())))], p = () => d().LOCALES.find((t) => t.code === e.state.locale), g = () => {
+function oe(e) {
+	let n, s, c = y(), d = () => U(e), f = () => [...new Set(d().LOCALES.map((e) => I(e.code, d())))], p = () => d().LOCALES.find((t) => t.code === e.state.locale), g = () => {
 		n && (n.open = !1);
 	}, _ = (e) => {
 		e.key !== "Escape" || !n?.open || (e.preventDefault(), g(), s?.focus());
-	}, y = () => {
+	}, v = () => {
 		let t = p()?.nativeName;
 		return t ? `${e.messages.localeLabel}: ${t}` : e.messages.localeLabel;
 	};
 	return (() => {
-		var p = i(ie), v = p.firstChild, b = v.firstChild, [x, S] = a(b.nextSibling), C = x.nextSibling, [w, T] = a(C.nextSibling), E = v.nextSibling;
+		var p = i(te), y = p.firstChild, b = y.firstChild, [x, S] = a(b.nextSibling), C = x.nextSibling, [w, T] = a(C.nextSibling), E = y.nextSibling;
 		p.$$keydown = _;
 		var D = n;
 		typeof D == "function" ? m(D, p) : n = p;
 		var O = s;
-		return typeof O == "function" ? m(O, v) : s = v, o(v, t(U, {
+		return typeof O == "function" ? m(O, y) : s = y, o(y, t(ie, {
 			get countries() {
 				return f();
 			},
 			uid: c
-		}), x, S), o(v, t(W, {
+		}), x, S), o(y, t(K, {
 			get locale() {
 				return e.state.locale;
 			},
@@ -313,10 +313,10 @@ function K(e) {
 				return d().LOCALES;
 			},
 			children: (n) => (() => {
-				var s = i(ae), f = s.firstChild, p = f.firstChild, [m, h] = a(p.nextSibling), _ = m.nextSibling;
+				var s = i(ne), f = s.firstChild, p = f.firstChild, [m, h] = a(p.nextSibling), _ = m.nextSibling;
 				return f.$$click = (t) => {
 					e.onLocaleChange && (t.preventDefault(), g(), e.onLocaleChange(n.code, e.state.hrefForLocale(n.code)));
-				}, o(f, t(W, {
+				}, o(f, t(K, {
 					get locale() {
 						return n.code;
 					},
@@ -337,8 +337,8 @@ function K(e) {
 				}), l(), s;
 			})()
 		})), r((t) => {
-			var n = y(), r = e.messages.localeLabel;
-			return n !== t.e && u(v, "aria-label", t.e = n), r !== t.t && u(v, "title", t.t = r), t;
+			var n = v(), r = e.messages.localeLabel;
+			return n !== t.e && u(y, "aria-label", t.e = n), r !== t.t && u(y, "title", t.t = r), t;
 		}, {
 			e: void 0,
 			t: void 0
@@ -346,24 +346,24 @@ function K(e) {
 	})();
 }
 function q(e) {
-	return e.variant === "flag" ? t(K, e) : t(G, e);
+	return e.variant === "flag" ? t(oe, e) : t(ae, e);
 }
 n(["keydown", "click"]);
 //#endregion
 //#region src/solid/chrome.tsx
-var se = /*#__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><!$><!/><!$><!/><!$><!/>"), J = /*#__PURE__*/ p("<li><a>"), ce = /*#__PURE__*/ p("<nav class=site-footer__langs><details class=site-footer__langs-menu><summary class=site-footer__langs-trigger><span></span></summary><ul class=site-footer__langs-list role=list>"), le = /*#__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>"), ue = /*#__PURE__*/ p("<span aria-hidden=true>·"), de = /*#__PURE__*/ p("<a>"), fe = /*#__PURE__*/ p("<bdi>"), pe = /*#__PURE__*/ p("<a><bdi>");
+var se = /*#__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><!$><!/><!$><!/><!$><!/>"), J = /*#__PURE__*/ p("<li><a>"), ce = /*#__PURE__*/ p("<nav class=site-footer__langs><details class=site-footer__langs-menu><summary class=site-footer__langs-trigger><span></span></summary><ul class=site-footer__langs-list role=list>"), le = /*#__PURE__*/ p("<p class=site-footer__brand><!$><!/><!$><!/><!$><!/>"), ue = /*#__PURE__*/ p("<strong>"), de = /*#__PURE__*/ p("<span aria-hidden=true>·"), fe = /*#__PURE__*/ p("<a>"), pe = /*#__PURE__*/ p("<ul class=site-footer__links><!$><!/><li>"), me = /*#__PURE__*/ p("<bdi>"), he = /*#__PURE__*/ p("<a><bdi>"), ge = /*#__PURE__*/ p("<footer class=site-footer><div class=site-footer__inner><!$><!/><div class=site-footer__row><!$><!/><!$><!/>"), _e = /*#__PURE__*/ p("<div class=site-footer__identity><!$><!/><div class=site-footer__details>"), ve = /*#__PURE__*/ p("<nav class=site-footer__nav>");
 function Y(e) {
 	let n = [
 		"system",
 		"light",
 		"dark"
-	], [r, i] = _(e.defaultValue ?? "system"), [a, o] = _("light"), s = () => a() === "dark" ? "light" : "dark", c = () => s() === "dark" ? e.messages.themeDark : e.messages.themeLight, l = (e) => {
+	], [r, i] = v(e.defaultValue ?? "system"), [a, o] = v("light"), s = () => a() === "dark" ? "light" : "dark", c = () => s() === "dark" ? e.messages.themeDark : e.messages.themeLight, l = (e) => {
 		let t = e === "system" ? matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
 		o(t), document.documentElement.dataset.theme = t, document.documentElement.dataset.themePreference = e;
 	}, u = (t) => {
 		e.value === void 0 && i(t), e.onValueChange?.(t), l(t), localStorage.setItem(e.storageKey ?? "site-theme", t);
 	};
-	return y(() => {
+	return b(() => {
 		let t = localStorage.getItem(e.storageKey ?? "site-theme");
 		e.value === void 0 && t && n.includes(t) && i(t), l(e.value ?? t ?? r());
 	}), t(w, {
@@ -390,60 +390,73 @@ function Y(e) {
 		}
 	});
 }
-function X(e) {
-	let [n, l] = _(!1);
+var X = (e) => e.emphasis ? "site-link--emphasis" : void 0;
+function Z(n) {
+	let [d, f] = v(!1), p = _(() => n.brand), m = (e) => {
+		e.key !== "Escape" || e.defaultPrevented || !d() || e.target?.closest("[aria-modal=\"true\"]") || (e.preventDefault(), f(!1), e.currentTarget.querySelector(".site-menu-button")?.focus());
+	}, y = (e) => {
+		let t = e.target?.closest("a");
+		!d() || !t || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || t.target && t.target !== "_self" || f(!1);
+	};
 	return (() => {
-		var d = i(se), f = d.firstChild, p = f.nextSibling, m = p.firstChild, g = m.firstChild, [_, v] = a(g.nextSibling), y = _.nextSibling, [b, 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), ee = A.nextSibling, [M, N] = a(ee.nextSibling), P = M.nextSibling, [F, I] = a(P.nextSibling);
-		return o(f, () => e.messages.skipToContent), o(m, () => e.brand.logo, _, v), o(m, () => e.brand.name, b, S), o(p, t(x, {
+		var _ = i(se), v = _.firstChild, b = v.nextSibling, S = b.firstChild, C = S.firstChild, [w, T] = a(C.nextSibling), E = w.nextSibling, [D, O] = a(E.nextSibling), k = S.nextSibling, [A, j] = a(k.nextSibling), M = A.nextSibling, ee = M.firstChild, N = M.nextSibling, P = N.firstChild, [F, I] = a(P.nextSibling), L = F.nextSibling, [R, z] = a(L.nextSibling), B = R.nextSibling, [V, H] = a(B.nextSibling);
+		return _.$$keydown = m, o(v, () => n.messages.skipToContent), o(S, () => p().logo, w, T), o(S, () => p().name, D, O), o(b, t(x, {
 			class: "site-menu-button",
 			tone: "ghost",
 			get "aria-expanded"() {
-				return n();
+				return d();
 			},
 			"aria-controls": "site-navigation",
-			onClick: () => l((e) => !e),
+			onClick: () => f((e) => !e),
 			get children() {
-				return s(() => !!n())() ? e.messages.menuClose : e.messages.menuOpen;
+				return s(() => !!d())() ? n.messages.menuClose : n.messages.menuOpen;
 			}
-		}), w, T), o(D, t(h, {
+		}), A, j), M.$$click = y, o(ee, t(h, {
 			get each() {
-				return e.navigation;
+				return n.navigation;
 			},
-			children: (e) => (() => {
-				var t = i(J), 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;
+			children: (t) => (() => {
+				var n = i(J), a = n.firstChild;
+				return o(a, () => t.label), r((n) => {
+					var r = X(t), i = t.href, o = t.external ? "_blank" : void 0, s = t.external ? "noreferrer" : void 0;
+					return r !== n.e && e(a, n.e = r), i !== n.t && u(a, "href", n.t = i), o !== n.a && u(a, "target", n.a = o), s !== n.o && u(a, "rel", n.o = s), n;
 				}, {
 					e: void 0,
 					t: void 0,
-					a: void 0
-				}), t;
+					a: void 0,
+					o: void 0
+				}), n;
 			})()
-		})), o(O, t(q, c({
-			get state() {
-				return e.locale;
+		})), N.$$click = y, o(N, t(g, {
+			get when() {
+				return n.locale;
 			},
-			get messages() {
-				return e.messages;
-			}
-		}, () => 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(Y, c(() => e.theme, { get messages() {
-				return e.messages;
+			children: (e) => t(q, c({
+				get state() {
+					return e();
+				},
+				get messages() {
+					return n.messages;
+				}
+			}, () => n.localeVariant ? { variant: n.localeVariant } : {}, () => n.localeRegistry ? { registry: n.localeRegistry } : {}, () => n.onLocaleChange ? { onLocaleChange: n.onLocaleChange } : {}))
+		}), F, I), o(N, (() => {
+			var e = s(() => !!n.theme);
+			return () => e() && t(Y, c(() => n.theme, { get messages() {
+				return n.messages;
 			} }));
-		})(), M, N), o(O, () => e.actions, F, I), r((t) => {
-			var r = e.brand.href, i = String(n()), a = e.messages.navigationLabel, o = String(n());
-			return r !== t.e && u(m, "href", t.e = r), i !== t.t && u(E, "data-open", t.t = i), a !== t.a && u(E, "aria-label", t.a = a), o !== t.o && u(O, "data-open", t.o = o), t;
+		})(), R, z), o(N, () => n.actions, V, H), r((e) => {
+			var t = p().href, r = p().label, i = String(d()), a = n.messages.navigationLabel, o = String(d());
+			return t !== e.e && u(S, "href", e.e = t), r !== e.t && u(S, "aria-label", e.t = r), i !== e.a && u(M, "data-open", e.a = i), a !== e.o && u(M, "aria-label", e.o = a), o !== e.i && u(N, "data-open", e.i = o), e;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0,
-			o: void 0
-		}), d;
+			o: void 0,
+			i: void 0
+		}), l(), _;
 	})();
 }
-function me(e) {
+function ye(e) {
 	let n, a, s = () => e.registry.LOCALES.find((t) => t.code === e.state.locale), c = () => {
 		n && (n.open = !1);
 	}, d = (e) => {
@@ -483,88 +496,137 @@ function me(e) {
 		}), l(), c;
 	})();
 }
-function Z(e) {
-	let n = () => e.localeRegistry ?? A;
+function Q(n) {
+	let s = () => n.localeRegistry ?? A, c = _(() => n.brand), l = _(() => n.details), d = () => (() => {
+		var s = i(le), l = s.firstChild, [d, f] = a(l.nextSibling), p = d.nextSibling, [m, _] = a(p.nextSibling), v = m.nextSibling, [y, b] = a(v.nextSibling);
+		return o(s, () => c().logo, d, f), o(s, t(g, {
+			get when() {
+				return c().name;
+			},
+			children: (e) => (() => {
+				var t = i(ue);
+				return o(t, e), t;
+			})()
+		}), m, _), o(s, t(h, {
+			get each() {
+				return n.family ?? [];
+			},
+			children: (t) => [i(de), (() => {
+				var n = i(fe);
+				return o(n, () => t.label), r((r) => {
+					var i = X(t), a = t.href;
+					return i !== r.e && e(n, r.e = i), a !== r.t && u(n, "href", r.t = a), r;
+				}, {
+					e: void 0,
+					t: void 0
+				}), n;
+			})()]
+		}), y, b), s;
+	})(), f = () => (() => {
+		var s = i(pe), c = s.firstChild, [l, d] = a(c.nextSibling), f = l.nextSibling;
+		return o(s, t(h, {
+			get each() {
+				return n.links;
+			},
+			children: (t) => (() => {
+				var n = i(J), a = n.firstChild;
+				return o(a, () => t.label), r((n) => {
+					var r = X(t), i = t.href;
+					return r !== n.e && e(a, n.e = r), i !== n.t && u(a, "href", n.t = i), n;
+				}, {
+					e: void 0,
+					t: void 0
+				}), n;
+			})()
+		}), l, d), o(f, t(g, {
+			get when() {
+				return n.copyrightHref;
+			},
+			get fallback() {
+				return (() => {
+					var e = i(me);
+					return o(e, () => n.copyright), e;
+				})();
+			},
+			children: (e) => (() => {
+				var t = i(he), a = t.firstChild;
+				return o(a, () => n.copyright), r(() => u(t, "href", e())), t;
+			})()
+		})), s;
+	})();
 	return (() => {
-		var s = i(le), c = s.firstChild, l = c.firstChild, [d, f] = a(l.nextSibling), p = d.nextSibling.firstChild, m = p.firstChild, [_, v] = a(m.nextSibling), y = _.nextSibling, b = y.nextSibling, [x, S] = a(b.nextSibling), C = p.nextSibling, w = C.firstChild, [T, E] = a(w.nextSibling), D = T.nextSibling;
+		var e = i(ge), c = e.firstChild, p = c.firstChild, [m, h] = a(p.nextSibling), _ = m.nextSibling, v = _.firstChild, [y, b] = a(v.nextSibling), x = y.nextSibling, [S, C] = a(x.nextSibling);
 		return o(c, t(g, {
 			get when() {
-				return e.locale;
+				return n.locale;
 			},
-			children: (r) => t(me, {
+			children: (e) => t(ye, {
 				get state() {
-					return r();
+					return e();
 				},
 				get registry() {
-					return n();
+					return s();
 				},
 				get label() {
-					return e.messages.localeLabel;
+					return n.messages.localeLabel;
 				},
 				get onSelect() {
-					return e.onLocaleSelect;
+					return n.onLocaleSelect;
 				}
 			})
-		}), d, f), o(p, () => e.brand.logo, _, v), o(y, () => e.brand.name), o(p, t(h, {
-			get each() {
-				return e.family ?? [];
+		}), m, h), o(_, t(g, {
+			get when() {
+				return l();
 			},
-			children: (e) => [i(ue), (() => {
-				var t = i(de);
-				return o(t, () => e.label), r(() => u(t, "href", e.href)), t;
-			})()]
-		}), x, S), o(C, t(h, {
-			get each() {
-				return e.links;
+			get fallback() {
+				return d();
 			},
 			children: (e) => (() => {
-				var t = i(J), n = t.firstChild;
-				return o(n, () => e.label), r(() => u(n, "href", e.href)), t;
+				var t = i(_e), n = t.firstChild, [r, s] = a(n.nextSibling), c = r.nextSibling;
+				return o(t, d, r, s), o(c, e), t;
 			})()
-		}), T, E), o(D, t(g, {
+		}), y, b), o(_, t(g, {
 			get when() {
-				return e.copyrightHref;
+				return n.linksLabel;
 			},
 			get fallback() {
-				return (() => {
-					var t = i(fe);
-					return o(t, () => e.copyright), t;
-				})();
+				return f();
 			},
-			children: (t) => (() => {
-				var n = i(pe), a = n.firstChild;
-				return o(a, () => e.copyright), r(() => u(n, "href", t())), n;
+			children: (e) => (() => {
+				var t = i(ve);
+				return o(t, f), r(() => u(t, "aria-label", e())), t;
 			})()
-		})), r(() => u(s, "aria-label", e.messages.footerLabel)), s;
+		}), S, C), r(() => u(e, "aria-label", n.messages.footerLabel)), e;
 	})();
 }
 n(["keydown", "click"]);
 //#endregion
 //#region src/solid/layouts.tsx
-var he = /*#__PURE__*/ p("<div class=site-shell><!$><!/><main id=main-content tabindex=-1></main><!$><!/>"), ge = /*#__PURE__*/ p("<article class=site-legal><header><h1></h1><p><!$><!/>: <time></time></p></header><!$><!/>"), _e = /*#__PURE__*/ p("<section><strong></strong><!$><!/><!$><!/>"), ve = /*#__PURE__*/ p("<div>"), ye = /*#__PURE__*/ p("<main class=\"site-main site-centered-layout\"><h1></h1><p></p><!$><!/><a class=\"dds-btn dds-btn--primary\">"), be = /*#__PURE__*/ p("<main class=\"site-main site-centered-layout\"><h1></h1><p></p><!$><!/><!$><!/><!$><!/>"), xe = /*#__PURE__*/ p("<code>");
-function Se(n) {
-	let s = () => n.mainWidth === "bleed" ? "site-main site-main--bleed" : "site-main";
+var be = /*#__PURE__*/ p("<div class=site-shell><!$><!/><main id=main-content tabindex=-1></main><!$><!/>"), xe = /*#__PURE__*/ p("<article class=site-legal><header><h1></h1><p><!$><!/>: <time></time></p></header><!$><!/>"), Se = /*#__PURE__*/ p("<section><strong></strong><!$><!/><!$><!/>"), Ce = /*#__PURE__*/ p("<div>"), we = /*#__PURE__*/ p("<main class=\"site-main site-centered-layout\"><h1></h1><p></p><!$><!/><a class=\"dds-btn dds-btn--primary\">"), Te = /*#__PURE__*/ p("<main class=\"site-main site-centered-layout\"><h1></h1><p></p><!$><!/><!$><!/><!$><!/>"), Ee = /*#__PURE__*/ p("<code>");
+function De(n) {
+	let s = () => n.mainWidth === "bleed" ? "site-main site-main--bleed" : "site-main", l = _(() => n.header), u = _(() => n.footer);
 	return (() => {
-		var l = i(he), 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;
+		var d = i(be), f = d.firstChild, [p, m] = a(f.nextSibling), h = p.nextSibling, g = h.nextSibling, [_, v] = a(g.nextSibling);
+		return o(d, t(Z, c(l)), p, m), o(h, () => n.children), o(d, t(Q, c(u)), _, v), r(() => e(h, s())), d;
 	})();
 }
-function Ce(e) {
+function Oe(e) {
 	return (() => {
-		var t = i(ge), 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(xe), 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 we(n) {
+function ke(n) {
+	let c = _(() => n.children);
 	return (() => {
-		var c = i(_e), 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);
+		var l = i(Se), d = l.firstChild, f = d.nextSibling, [p, m] = a(f.nextSibling), h = p.nextSibling, [g, _] = a(h.nextSibling);
+		return o(d, () => n.title), o(l, (() => {
+			var e = s(() => !!c());
 			return () => e() && (() => {
-				var e = i(ve);
-				return o(e, () => n.children), e;
+				var e = i(Ce);
+				return o(e, c), e;
 			})();
-		})(), f, p), o(c, (() => {
+		})(), p, m), o(l, (() => {
 			var e = s(() => !!n.action);
 			return () => e() && t(x, {
 				get tone() {
@@ -577,29 +639,29 @@ function we(n) {
 					return n.action.label;
 				}
 			});
-		})(), h, g), r((t) => {
+		})(), g, _), r((t) => {
 			var r = `site-status site-status--${n.tone}`, i = n.tone === "danger" ? "alert" : "status", a = n.tone === "danger" ? "assertive" : "polite";
-			return r !== t.e && e(c, t.e = r), i !== t.t && u(c, "role", t.t = i), a !== t.a && u(c, "aria-live", t.a = a), t;
+			return r !== t.e && e(l, t.e = r), i !== t.t && u(l, "role", t.t = i), a !== t.a && u(l, "aria-live", t.a = a), t;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0
-		}), c;
+		}), l;
 	})();
 }
-function Te(e) {
+function Ae(e) {
 	return (() => {
-		var t = i(ye), n = t.firstChild, s = n.nextSibling, c = s.nextSibling, [l, d] = a(c.nextSibling), f = l.nextSibling;
+		var t = i(we), 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 Ee(e) {
+function je(e) {
 	return (() => {
-		var n = i(be), 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(Te), 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(xe);
+				var t = i(Ee);
 				return o(t, () => e.errorId), t;
 			})();
 		})(), u, d), o(n, () => e.children, p, m), o(n, t(x, {
@@ -615,9 +677,9 @@ function Ee(e) {
 }
 //#endregion
 //#region src/solid/request-access.tsx
-var De = /*#__PURE__*/ p("<form><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><div aria-live=polite aria-atomic=true>"), Q = /*#__PURE__*/ p("<input>"), Oe = /*#__PURE__*/ p("<textarea>");
-function ke(n) {
-	let [u, d] = _("idle"), p = async (e) => {
+var Me = /*#__PURE__*/ p("<form><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><div aria-live=polite aria-atomic=true>"), $ = /*#__PURE__*/ p("<input>"), Ne = /*#__PURE__*/ p("<textarea>");
+function Pe(n) {
+	let [u, d] = v("idle"), p = async (e) => {
 		if (e.preventDefault(), u() !== "submitting") {
 			d("submitting");
 			try {
@@ -628,14 +690,14 @@ function ke(n) {
 		}
 	};
 	return (() => {
-		var d = i(De), m = d.firstChild, [h, g] = a(m.nextSibling), _ = h.nextSibling, [v, y] = a(_.nextSibling), b = v.nextSibling, [C, w] = a(b.nextSibling), T = C.nextSibling, [E, D] = a(T.nextSibling), O = E.nextSibling, [k, A] = a(O.nextSibling), j = k.nextSibling;
+		var d = i(Me), m = d.firstChild, [h, g] = a(m.nextSibling), _ = h.nextSibling, [v, y] = a(_.nextSibling), b = v.nextSibling, [C, w] = a(b.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(S, {
 			get label() {
 				return n.messages.nameLabel;
 			},
 			required: !0,
 			children: (e) => (() => {
-				var t = i(Q);
+				var t = i($);
 				return f(t, c(e, {
 					class: "dds-input",
 					name: "name",
@@ -649,7 +711,7 @@ function ke(n) {
 			},
 			required: !0,
 			children: (e) => (() => {
-				var t = i(Q);
+				var t = i($);
 				return f(t, c(e, {
 					class: "dds-input",
 					type: "email",
@@ -663,7 +725,7 @@ function ke(n) {
 				return n.messages.organizationLabel;
 			},
 			children: (e) => (() => {
-				var t = i(Q);
+				var t = i($);
 				return f(t, c(e, {
 					class: "dds-input",
 					name: "organization",
@@ -675,7 +737,7 @@ function ke(n) {
 				return n.messages.useCaseLabel;
 			},
 			children: (e) => (() => {
-				var t = i(Oe);
+				var t = i(Ne);
 				return f(t, c(e, {
 					class: "dds-textarea",
 					name: "useCase",
@@ -698,15 +760,15 @@ function ke(n) {
 }
 //#endregion
 //#region src/solid/oss-product-mark.tsx
-var Ae = /*#__PURE__*/ p("<img decoding=async>"), je = {
+var Fe = /*#__PURE__*/ p("<img decoding=async>"), Ie = {
 	sm: 24,
 	md: 32,
 	lg: 48
 };
-function Me(t) {
-	let n = () => t.size ?? "md", a = () => je[n()];
+function Le(t) {
+	let n = () => t.size ?? "md", a = () => Ie[n()];
 	return (() => {
-		var o = i(Ae);
+		var o = i(Fe);
 		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;
@@ -722,10 +784,10 @@ function Me(t) {
 }
 //#endregion
 //#region src/solid/sections.tsx
-var Ne = /*#__PURE__*/ p("<section class=site-section><div class=site-section__shell>"), Pe = /*#__PURE__*/ p("<header class=site-section__head><p class=site-section__index aria-hidden=true></p><h2></h2><!$><!/>"), $ = /*#__PURE__*/ p("<p class=site-section__lede>"), Fe = /*#__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>"), Ie = /*#__PURE__*/ p("<p class=site-hero__eyebrow>"), Le = /*#__PURE__*/ p("<ol class=site-steps>"), Re = /*#__PURE__*/ p("<li class=site-steps__step><span class=site-steps__marker aria-hidden=true></span><h3></h3><p>"), ze = /*#__PURE__*/ p("<ul class=site-rows>"), Be = /*#__PURE__*/ p("<li class=site-rows__row><div class=site-rows__title><h3></h3><!$><!/></div><p class=site-rows__body>"), Ve = /*#__PURE__*/ p("<span class=\"dds-badge dds-badge--brand\">"), He = /*#__PURE__*/ p("<div class=site-pricing><div class=site-pricing__note></div><div class=site-pricing__action>");
-function Ue(e) {
+var Re = /*#__PURE__*/ p("<section class=site-section><div class=site-section__shell>"), ze = /*#__PURE__*/ p("<header class=site-section__head><p class=site-section__index aria-hidden=true></p><h2></h2><!$><!/>"), Be = /*#__PURE__*/ p("<p class=site-section__lede>"), Ve = /*#__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>"), He = /*#__PURE__*/ p("<p class=site-hero__eyebrow>"), Ue = /*#__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>"), Ge = /*#__PURE__*/ p("<ul class=site-rows>"), Ke = /*#__PURE__*/ p("<li class=site-rows__row><div class=site-rows__title><h3></h3><!$><!/></div><p class=site-rows__body>"), qe = /*#__PURE__*/ p("<span class=\"dds-badge dds-badge--brand\">"), Je = /*#__PURE__*/ p("<div class=site-pricing><div class=site-pricing__note></div><div class=site-pricing__action>");
+function Ye(e) {
 	return (() => {
-		var t = i(Ne), n = t.firstChild;
+		var t = i(Re), 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;
@@ -736,29 +798,29 @@ function Ue(e) {
 		}), t;
 	})();
 }
-function We(e) {
+function Xe(e) {
 	return (() => {
-		var n = i(Pe), s = n.firstChild, c = s.nextSibling, l = c.nextSibling, [d, f] = a(l.nextSibling);
+		var n = i(ze), 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($);
+				var t = i(Be);
 				return o(t, e), t;
 			})()
 		}), d, f), r(() => u(c, "id", e.titleId)), n;
 	})();
 }
-function Ge(e) {
+function Ze(e) {
 	return (() => {
-		var n = i(Fe), 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(Ve), 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(Ie);
+				var t = i(He);
 				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) => {
@@ -772,35 +834,35 @@ function Ge(e) {
 		}), n;
 	})();
 }
-function Ke(e) {
+function Qe(e) {
 	return (() => {
-		var n = i(Le);
+		var n = i(Ue);
 		return o(n, t(h, {
 			get each() {
 				return e.steps;
 			},
 			children: (e, t) => (() => {
-				var n = i(Re), r = n.firstChild, a = r.nextSibling, s = a.nextSibling;
+				var n = i(We), 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 qe(e) {
+function $e(e) {
 	return (() => {
-		var n = i(ze);
+		var n = i(Ge);
 		return o(n, t(h, {
 			get each() {
 				return e.rows;
 			},
 			children: (e) => (() => {
-				var n = i(Be), r = n.firstChild, s = r.firstChild, c = s.nextSibling, [l, u] = a(c.nextSibling), d = r.nextSibling;
+				var n = i(Ke), 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(Ve);
+						var t = i(qe);
 						return o(t, e), t;
 					})()
 				}), l, u), o(d, () => e.body), n;
@@ -808,13 +870,13 @@ function qe(e) {
 		})), r(() => u(n, "aria-label", e.label)), n;
 	})();
 }
-function Je(e) {
+function et(e) {
 	return (() => {
-		var t = i(He), n = t.firstChild, r = n.nextSibling;
+		var t = i(Je), n = t.firstChild, r = n.nextSibling;
 		return o(n, () => e.children), o(r, () => e.action), t;
 	})();
 }
 //#endregion
-export { Ee as ErrorLayout, qe as FeatureRows, Ge as HeroSplit, Ce as LegalLayout, q as LocaleMenu, Se as MarketingShell, Te as NotFoundLayout, Me as OssProductMark, Je as PricingNote, ke as RequestAccessForm, Ue as SectionBlock, We as SectionHead, Z as SiteFooter, X as SiteHeader, we as StatusBanner, Ke as StepFlow, Y as ThemeToggle };
+export { je as ErrorLayout, $e as FeatureRows, Ze as HeroSplit, Oe as LegalLayout, q as LocaleMenu, De as MarketingShell, Ae as NotFoundLayout, Le as OssProductMark, et as PricingNote, Pe as RequestAccessForm, Ye as SectionBlock, Xe as SectionHead, Q as SiteFooter, Z as SiteHeader, ke as StatusBanner, Qe as StepFlow, Y as ThemeToggle };
 
 //# sourceMappingURL=solid.js.map