@openvoxproject/voxblocks 0.10.0 → 0.12.0

package/dist/cdn/voxblocks.js

@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ie = globalThis, _t = Ie.ShadowRoot && (Ie.ShadyCSS === void 0 || Ie.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ct = Symbol(), It = /* @__PURE__ */ new WeakMap();
-let oo = class {
+const Je = globalThis, jt = Je.ShadowRoot && (Je.ShadyCSS === void 0 || Je.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, zt = Symbol(), Qt = /* @__PURE__ */ new WeakMap();
+let bo = class {
   constructor(e, o, s) {
-    if (this._$cssResult$ = !0, s !== Ct) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== zt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = o;
   }
   get styleSheet() {
     let e = this.o;
     const o = this.t;
-    if (_t && e === void 0) {
+    if (jt && e === void 0) {
       const s = o !== void 0 && o.length === 1;
-      s && (e = It.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && It.set(o, e));
+      s && (e = Qt.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && Qt.set(o, e));
     }
     return e;
   }
@@ -22,33 +22,33 @@ let oo = class {
     return this.cssText;
   }
 };
-const yo = (r) => new oo(typeof r == "string" ? r : r + "", void 0, Ct), d = (r, ...e) => {
+const Do = (r) => new bo(typeof r == "string" ? r : r + "", void 0, zt), d = (r, ...e) => {
   const o = r.length === 1 ? r[0] : e.reduce((s, t, a) => s + ((i) => {
     if (i._$cssResult$ === !0) return i.cssText;
     if (typeof i == "number") return i;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(t) + r[a + 1], r[0]);
-  return new oo(o, r, Ct);
-}, mo = (r, e) => {
-  if (_t) r.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  return new bo(o, r, zt);
+}, Ho = (r, e) => {
+  if (jt) r.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
   else for (const o of e) {
-    const s = document.createElement("style"), t = Ie.litNonce;
+    const s = document.createElement("style"), t = Je.litNonce;
     t !== void 0 && s.setAttribute("nonce", t), s.textContent = o.cssText, r.appendChild(s);
   }
-}, qt = _t ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
+}, eo = jt ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
   let o = "";
   for (const s of e.cssRules) o += s.cssText;
-  return yo(o);
+  return Do(o);
 })(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: $o, defineProperty: wo, getOwnPropertyDescriptor: _o, getOwnPropertyNames: Co, getOwnPropertySymbols: Oo, getPrototypeOf: Mo } = Object, M = globalThis, Ft = M.trustedTypes, Po = Ft ? Ft.emptyScript : "", pt = M.reactiveElementPolyfillSupport, se = (r, e) => r, qe = { toAttribute(r, e) {
+const { is: To, defineProperty: Bo, getOwnPropertyDescriptor: No, getOwnPropertyNames: Ro, getOwnPropertySymbols: Uo, getPrototypeOf: Io } = Object, P = globalThis, to = P.trustedTypes, qo = to ? to.emptyScript : "", $t = P.reactiveElementPolyfillSupport, de = (r, e) => r, Qe = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      r = r ? Po : null;
+      r = r ? qo : null;
       break;
     case Object:
     case Array:
@@ -73,44 +73,44 @@ const { is: $o, defineProperty: wo, getOwnPropertyDescriptor: _o, getOwnProperty
       }
   }
   return o;
-} }, Ot = (r, e) => !$o(r, e), Zt = { attribute: !0, type: String, converter: qe, reflect: !1, useDefault: !1, hasChanged: Ot };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), M.litPropertyMetadata ?? (M.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let q = class extends HTMLElement {
+} }, Vt = (r, e) => !To(r, e), oo = { attribute: !0, type: String, converter: Qe, reflect: !1, useDefault: !1, hasChanged: Vt };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), P.litPropertyMetadata ?? (P.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let Y = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, o = Zt) {
+  static createProperty(e, o = oo) {
     if (o.state && (o.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((o = Object.create(o)).wrapped = !0), this.elementProperties.set(e, o), !o.noAccessor) {
       const s = Symbol(), t = this.getPropertyDescriptor(e, s, o);
-      t !== void 0 && wo(this.prototype, e, t);
+      t !== void 0 && Bo(this.prototype, e, t);
     }
   }
   static getPropertyDescriptor(e, o, s) {
-    const { get: t, set: a } = _o(this.prototype, e) ?? { get() {
+    const { get: t, set: a } = No(this.prototype, e) ?? { get() {
       return this[o];
     }, set(i) {
       this[o] = i;
     } };
     return { get: t, set(i) {
-      const u = t == null ? void 0 : t.call(this);
-      a == null || a.call(this, i), this.requestUpdate(e, u, s);
+      const v = t == null ? void 0 : t.call(this);
+      a == null || a.call(this, i), this.requestUpdate(e, v, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? Zt;
+    return this.elementProperties.get(e) ?? oo;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(se("elementProperties"))) return;
-    const e = Mo(this);
+    if (this.hasOwnProperty(de("elementProperties"))) return;
+    const e = Io(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(se("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(se("properties"))) {
-      const o = this.properties, s = [...Co(o), ...Oo(o)];
+    if (this.hasOwnProperty(de("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(de("properties"))) {
+      const o = this.properties, s = [...Ro(o), ...Uo(o)];
       for (const t of s) this.createProperty(t, o[t]);
     }
     const e = this[Symbol.metadata];
@@ -129,8 +129,8 @@ let q = class extends HTMLElement {
     const o = [];
     if (Array.isArray(e)) {
       const s = new Set(e.flat(1 / 0).reverse());
-      for (const t of s) o.unshift(qt(t));
-    } else e !== void 0 && o.push(qt(e));
+      for (const t of s) o.unshift(eo(t));
+    } else e !== void 0 && o.push(eo(e));
     return o;
   }
   static _$Eu(e, o) {
@@ -159,7 +159,7 @@ let q = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return mo(e, this.constructor.elementStyles), e;
+    return Ho(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -184,7 +184,7 @@ let q = class extends HTMLElement {
     var a;
     const s = this.constructor.elementProperties.get(e), t = this.constructor._$Eu(e, s);
     if (t !== void 0 && s.reflect === !0) {
-      const i = (((a = s.converter) == null ? void 0 : a.toAttribute) !== void 0 ? s.converter : qe).toAttribute(o, s.type);
+      const i = (((a = s.converter) == null ? void 0 : a.toAttribute) !== void 0 ? s.converter : Qe).toAttribute(o, s.type);
       this._$Em = e, i == null ? this.removeAttribute(t) : this.setAttribute(t, i), this._$Em = null;
     }
   }
@@ -192,17 +192,17 @@ let q = class extends HTMLElement {
     var a, i;
     const s = this.constructor, t = s._$Eh.get(e);
     if (t !== void 0 && this._$Em !== t) {
-      const u = s.getPropertyOptions(t), v = typeof u.converter == "function" ? { fromAttribute: u.converter } : ((a = u.converter) == null ? void 0 : a.fromAttribute) !== void 0 ? u.converter : qe;
+      const v = s.getPropertyOptions(t), u = typeof v.converter == "function" ? { fromAttribute: v.converter } : ((a = v.converter) == null ? void 0 : a.fromAttribute) !== void 0 ? v.converter : Qe;
       this._$Em = t;
-      const f = v.fromAttribute(o, u.type);
+      const f = u.fromAttribute(o, v.type);
       this[t] = f ?? ((i = this._$Ej) == null ? void 0 : i.get(t)) ?? f, this._$Em = null;
     }
   }
   requestUpdate(e, o, s, t = !1, a) {
     var i;
     if (e !== void 0) {
-      const u = this.constructor;
-      if (t === !1 && (a = this[e]), s ?? (s = u.getPropertyOptions(e)), !((s.hasChanged ?? Ot)(a, o) || s.useDefault && s.reflect && a === ((i = this._$Ej) == null ? void 0 : i.get(e)) && !this.hasAttribute(u._$Eu(e, s)))) return;
+      const v = this.constructor;
+      if (t === !1 && (a = this[e]), s ?? (s = v.getPropertyOptions(e)), !((s.hasChanged ?? Vt)(a, o) || s.useDefault && s.reflect && a === ((i = this._$Ej) == null ? void 0 : i.get(e)) && !this.hasAttribute(v._$Eu(e, s)))) return;
       this.C(e, o, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -233,8 +233,8 @@ let q = class extends HTMLElement {
       }
       const t = this.constructor.elementProperties;
       if (t.size > 0) for (const [a, i] of t) {
-        const { wrapped: u } = i, v = this[a];
-        u !== !0 || this._$AL.has(a) || v === void 0 || this.C(a, void 0, i, v);
+        const { wrapped: v } = i, u = this[a];
+        v !== !0 || this._$AL.has(a) || u === void 0 || this.C(a, void 0, i, u);
       }
     }
     let e = !1;
@@ -278,76 +278,76 @@ let q = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-q.elementStyles = [], q.shadowRootOptions = { mode: "open" }, q[se("elementProperties")] = /* @__PURE__ */ new Map(), q[se("finalized")] = /* @__PURE__ */ new Map(), pt == null || pt({ ReactiveElement: q }), (M.reactiveElementVersions ?? (M.reactiveElementVersions = [])).push("2.1.2");
+Y.elementStyles = [], Y.shadowRootOptions = { mode: "open" }, Y[de("elementProperties")] = /* @__PURE__ */ new Map(), Y[de("finalized")] = /* @__PURE__ */ new Map(), $t == null || $t({ ReactiveElement: Y }), (P.reactiveElementVersions ?? (P.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ae = globalThis, Kt = (r) => r, Fe = ae.trustedTypes, Gt = Fe ? Fe.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ro = "$lit$", O = `lit$${Math.random().toFixed(9).slice(2)}$`, so = "?" + O, Ao = `<${so}>`, V = document, ie = () => V.createComment(""), ne = (r) => r === null || typeof r != "object" && typeof r != "function", Mt = Array.isArray, ko = (r) => Mt(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", vt = `[ 	
-\f\r]`, re = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Wt = /-->/g, Xt = />/g, k = RegExp(`>|${vt}(?:([^\\s"'>=/]+)(${vt}*=${vt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Yt = /'/g, Jt = /"/g, ao = /^(?:script|style|textarea|title)$/i, io = (r) => (e, ...o) => ({ _$litType$: r, strings: e, values: o }), c = io(1), l = io(2), m = Symbol.for("lit-noChange"), x = Symbol.for("lit-nothing"), Qt = /* @__PURE__ */ new WeakMap(), E = V.createTreeWalker(V, 129);
-function no(r, e) {
-  if (!Mt(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Gt !== void 0 ? Gt.createHTML(e) : e;
+const pe = globalThis, ro = (r) => r, et = pe.trustedTypes, so = et ? et.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, yo = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, mo = "?" + A, Zo = `<${mo}>`, H = document, he = () => H.createComment(""), ve = (r) => r === null || typeof r != "object" && typeof r != "function", Dt = Array.isArray, Fo = (r) => Dt(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", wt = `[ 	
+\f\r]`, ce = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ao = /-->/g, io = />/g, j = RegExp(`>|${wt}(?:([^\\s"'>=/]+)(${wt}*=${wt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), no = /'/g, lo = /"/g, $o = /^(?:script|style|textarea|title)$/i, wo = (r) => (e, ...o) => ({ _$litType$: r, strings: e, values: o }), l = wo(1), c = wo(2), m = Symbol.for("lit-noChange"), x = Symbol.for("lit-nothing"), co = /* @__PURE__ */ new WeakMap(), V = H.createTreeWalker(H, 129);
+function _o(r, e) {
+  if (!Dt(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return so !== void 0 ? so.createHTML(e) : e;
 }
-const Lo = (r, e) => {
+const Ko = (r, e) => {
   const o = r.length - 1, s = [];
-  let t, a = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", i = re;
-  for (let u = 0; u < o; u++) {
-    const v = r[u];
-    let f, b, g = -1, w = 0;
-    for (; w < v.length && (i.lastIndex = w, b = i.exec(v), b !== null); ) w = i.lastIndex, i === re ? b[1] === "!--" ? i = Wt : b[1] !== void 0 ? i = Xt : b[2] !== void 0 ? (ao.test(b[2]) && (t = RegExp("</" + b[2], "g")), i = k) : b[3] !== void 0 && (i = k) : i === k ? b[0] === ">" ? (i = t ?? re, g = -1) : b[1] === void 0 ? g = -2 : (g = i.lastIndex - b[2].length, f = b[1], i = b[3] === void 0 ? k : b[3] === '"' ? Jt : Yt) : i === Jt || i === Yt ? i = k : i === Wt || i === Xt ? i = re : (i = k, t = void 0);
-    const C = i === k && r[u + 1].startsWith("/>") ? " " : "";
-    a += i === re ? v + Ao : g >= 0 ? (s.push(f), v.slice(0, g) + ro + v.slice(g) + O + C) : v + O + (g === -2 ? u : C);
-  }
-  return [no(r, a + (r[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
+  let t, a = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", i = ce;
+  for (let v = 0; v < o; v++) {
+    const u = r[v];
+    let f, b, g = -1, _ = 0;
+    for (; _ < u.length && (i.lastIndex = _, b = i.exec(u), b !== null); ) _ = i.lastIndex, i === ce ? b[1] === "!--" ? i = ao : b[1] !== void 0 ? i = io : b[2] !== void 0 ? ($o.test(b[2]) && (t = RegExp("</" + b[2], "g")), i = j) : b[3] !== void 0 && (i = j) : i === j ? b[0] === ">" ? (i = t ?? ce, g = -1) : b[1] === void 0 ? g = -2 : (g = i.lastIndex - b[2].length, f = b[1], i = b[3] === void 0 ? j : b[3] === '"' ? lo : no) : i === lo || i === no ? i = j : i === ao || i === io ? i = ce : (i = j, t = void 0);
+    const M = i === j && r[v + 1].startsWith("/>") ? " " : "";
+    a += i === ce ? u + Zo : g >= 0 ? (s.push(f), u.slice(0, g) + yo + u.slice(g) + A + M) : u + A + (g === -2 ? v : M);
+  }
+  return [_o(r, a + (r[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
-class le {
+class ue {
   constructor({ strings: e, _$litType$: o }, s) {
     let t;
     this.parts = [];
     let a = 0, i = 0;
-    const u = e.length - 1, v = this.parts, [f, b] = Lo(e, o);
-    if (this.el = le.createElement(f, s), E.currentNode = this.el.content, o === 2 || o === 3) {
+    const v = e.length - 1, u = this.parts, [f, b] = Ko(e, o);
+    if (this.el = ue.createElement(f, s), V.currentNode = this.el.content, o === 2 || o === 3) {
       const g = this.el.content.firstChild;
       g.replaceWith(...g.childNodes);
     }
-    for (; (t = E.nextNode()) !== null && v.length < u; ) {
+    for (; (t = V.nextNode()) !== null && u.length < v; ) {
       if (t.nodeType === 1) {
-        if (t.hasAttributes()) for (const g of t.getAttributeNames()) if (g.endsWith(ro)) {
-          const w = b[i++], C = t.getAttribute(g).split(O), Re = /([.?@])?(.*)/.exec(w);
-          v.push({ type: 1, index: a, name: Re[2], strings: C, ctor: Re[1] === "." ? So : Re[1] === "?" ? Vo : Re[1] === "@" ? jo : ot }), t.removeAttribute(g);
-        } else g.startsWith(O) && (v.push({ type: 6, index: a }), t.removeAttribute(g));
-        if (ao.test(t.tagName)) {
-          const g = t.textContent.split(O), w = g.length - 1;
-          if (w > 0) {
-            t.textContent = Fe ? Fe.emptyScript : "";
-            for (let C = 0; C < w; C++) t.append(g[C], ie()), E.nextNode(), v.push({ type: 2, index: ++a });
-            t.append(g[w], ie());
+        if (t.hasAttributes()) for (const g of t.getAttributeNames()) if (g.endsWith(yo)) {
+          const _ = b[i++], M = t.getAttribute(g).split(A), Ge = /([.?@])?(.*)/.exec(_);
+          u.push({ type: 1, index: a, name: Ge[2], strings: M, ctor: Ge[1] === "." ? Yo : Ge[1] === "?" ? Wo : Ge[1] === "@" ? Xo : pt }), t.removeAttribute(g);
+        } else g.startsWith(A) && (u.push({ type: 6, index: a }), t.removeAttribute(g));
+        if ($o.test(t.tagName)) {
+          const g = t.textContent.split(A), _ = g.length - 1;
+          if (_ > 0) {
+            t.textContent = et ? et.emptyScript : "";
+            for (let M = 0; M < _; M++) t.append(g[M], he()), V.nextNode(), u.push({ type: 2, index: ++a });
+            t.append(g[_], he());
           }
         }
-      } else if (t.nodeType === 8) if (t.data === so) v.push({ type: 2, index: a });
+      } else if (t.nodeType === 8) if (t.data === mo) u.push({ type: 2, index: a });
       else {
         let g = -1;
-        for (; (g = t.data.indexOf(O, g + 1)) !== -1; ) v.push({ type: 7, index: a }), g += O.length - 1;
+        for (; (g = t.data.indexOf(A, g + 1)) !== -1; ) u.push({ type: 7, index: a }), g += A.length - 1;
       }
       a++;
     }
   }
   static createElement(e, o) {
-    const s = V.createElement("template");
+    const s = H.createElement("template");
     return s.innerHTML = e, s;
   }
 }
-function F(r, e, o = r, s) {
-  var i, u;
+function W(r, e, o = r, s) {
+  var i, v;
   if (e === m) return e;
   let t = s !== void 0 ? (i = o._$Co) == null ? void 0 : i[s] : o._$Cl;
-  const a = ne(e) ? void 0 : e._$litDirective$;
-  return (t == null ? void 0 : t.constructor) !== a && ((u = t == null ? void 0 : t._$AO) == null || u.call(t, !1), a === void 0 ? t = void 0 : (t = new a(r), t._$AT(r, o, s)), s !== void 0 ? (o._$Co ?? (o._$Co = []))[s] = t : o._$Cl = t), t !== void 0 && (e = F(r, t._$AS(r, e.values), t, s)), e;
+  const a = ve(e) ? void 0 : e._$litDirective$;
+  return (t == null ? void 0 : t.constructor) !== a && ((v = t == null ? void 0 : t._$AO) == null || v.call(t, !1), a === void 0 ? t = void 0 : (t = new a(r), t._$AT(r, o, s)), s !== void 0 ? (o._$Co ?? (o._$Co = []))[s] = t : o._$Cl = t), t !== void 0 && (e = W(r, t._$AS(r, e.values), t, s)), e;
 }
-class Eo {
+class Go {
   constructor(e, o) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = o;
   }
@@ -358,24 +358,24 @@ class Eo {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: o }, parts: s } = this._$AD, t = ((e == null ? void 0 : e.creationScope) ?? V).importNode(o, !0);
-    E.currentNode = t;
-    let a = E.nextNode(), i = 0, u = 0, v = s[0];
-    for (; v !== void 0; ) {
-      if (i === v.index) {
+    const { el: { content: o }, parts: s } = this._$AD, t = ((e == null ? void 0 : e.creationScope) ?? H).importNode(o, !0);
+    V.currentNode = t;
+    let a = V.nextNode(), i = 0, v = 0, u = s[0];
+    for (; u !== void 0; ) {
+      if (i === u.index) {
         let f;
-        v.type === 2 ? f = new Le(a, a.nextSibling, this, e) : v.type === 1 ? f = new v.ctor(a, v.name, v.strings, this, e) : v.type === 6 && (f = new Do(a, this, e)), this._$AV.push(f), v = s[++u];
+        u.type === 2 ? f = new De(a, a.nextSibling, this, e) : u.type === 1 ? f = new u.ctor(a, u.name, u.strings, this, e) : u.type === 6 && (f = new Jo(a, this, e)), this._$AV.push(f), u = s[++v];
       }
-      i !== (v == null ? void 0 : v.index) && (a = E.nextNode(), i++);
+      i !== (u == null ? void 0 : u.index) && (a = V.nextNode(), i++);
     }
-    return E.currentNode = V, t;
+    return V.currentNode = H, t;
   }
   p(e) {
     let o = 0;
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, o), o += s.strings.length - 2) : s._$AI(e[o])), o++;
   }
 }
-class Le {
+class De {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
@@ -395,7 +395,7 @@ class Le {
     return this._$AB;
   }
   _$AI(e, o = this) {
-    e = F(this, e, o), ne(e) ? e === x || e == null || e === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : e !== this._$AH && e !== m && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ko(e) ? this.k(e) : this._(e);
+    e = W(this, e, o), ve(e) ? e === x || e == null || e === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : e !== this._$AH && e !== m && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Fo(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -404,33 +404,33 @@ class Le {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== x && ne(this._$AH) ? this._$AA.nextSibling.data = e : this.T(V.createTextNode(e)), this._$AH = e;
+    this._$AH !== x && ve(this._$AH) ? this._$AA.nextSibling.data = e : this.T(H.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var a;
-    const { values: o, _$litType$: s } = e, t = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = le.createElement(no(s.h, s.h[0]), this.options)), s);
+    const { values: o, _$litType$: s } = e, t = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = ue.createElement(_o(s.h, s.h[0]), this.options)), s);
     if (((a = this._$AH) == null ? void 0 : a._$AD) === t) this._$AH.p(o);
     else {
-      const i = new Eo(t, this), u = i.u(this.options);
-      i.p(o), this.T(u), this._$AH = i;
+      const i = new Go(t, this), v = i.u(this.options);
+      i.p(o), this.T(v), this._$AH = i;
     }
   }
   _$AC(e) {
-    let o = Qt.get(e.strings);
-    return o === void 0 && Qt.set(e.strings, o = new le(e)), o;
+    let o = co.get(e.strings);
+    return o === void 0 && co.set(e.strings, o = new ue(e)), o;
   }
   k(e) {
-    Mt(this._$AH) || (this._$AH = [], this._$AR());
+    Dt(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
     let s, t = 0;
-    for (const a of e) t === o.length ? o.push(s = new Le(this.O(ie()), this.O(ie()), this, this.options)) : s = o[t], s._$AI(a), t++;
+    for (const a of e) t === o.length ? o.push(s = new De(this.O(he()), this.O(he()), this, this.options)) : s = o[t], s._$AI(a), t++;
     t < o.length && (this._$AR(s && s._$AB.nextSibling, t), o.length = t);
   }
   _$AR(e = this._$AA.nextSibling, o) {
     var s;
     for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, o); e !== this._$AB; ) {
-      const t = Kt(e).nextSibling;
-      Kt(e).remove(), e = t;
+      const t = ro(e).nextSibling;
+      ro(e).remove(), e = t;
     }
   }
   setConnected(e) {
@@ -438,7 +438,7 @@ class Le {
     this._$AM === void 0 && (this._$Cv = e, (o = this._$AP) == null || o.call(this, e));
   }
 }
-class ot {
+class pt {
   get tagName() {
     return this.element.tagName;
   }
@@ -451,11 +451,11 @@ class ot {
   _$AI(e, o = this, s, t) {
     const a = this.strings;
     let i = !1;
-    if (a === void 0) e = F(this, e, o, 0), i = !ne(e) || e !== this._$AH && e !== m, i && (this._$AH = e);
+    if (a === void 0) e = W(this, e, o, 0), i = !ve(e) || e !== this._$AH && e !== m, i && (this._$AH = e);
     else {
-      const u = e;
-      let v, f;
-      for (e = a[0], v = 0; v < a.length - 1; v++) f = F(this, u[s + v], o, v), f === m && (f = this._$AH[v]), i || (i = !ne(f) || f !== this._$AH[v]), f === x ? e = x : e !== x && (e += (f ?? "") + a[v + 1]), this._$AH[v] = f;
+      const v = e;
+      let u, f;
+      for (e = a[0], u = 0; u < a.length - 1; u++) f = W(this, v[s + u], o, u), f === m && (f = this._$AH[u]), i || (i = !ve(f) || f !== this._$AH[u]), f === x ? e = x : e !== x && (e += (f ?? "") + a[u + 1]), this._$AH[u] = f;
     }
     i && !t && this.j(e);
   }
@@ -463,7 +463,7 @@ class ot {
     e === x ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class So extends ot {
+class Yo extends pt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -471,7 +471,7 @@ class So extends ot {
     this.element[this.name] = e === x ? void 0 : e;
   }
 }
-class Vo extends ot {
+class Wo extends pt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -479,12 +479,12 @@ class Vo extends ot {
     this.element.toggleAttribute(this.name, !!e && e !== x);
   }
 }
-class jo extends ot {
+class Xo extends pt {
   constructor(e, o, s, t, a) {
     super(e, o, s, t, a), this.type = 5;
   }
   _$AI(e, o = this) {
-    if ((e = F(this, e, o, 0) ?? x) === m) return;
+    if ((e = W(this, e, o, 0) ?? x) === m) return;
     const s = this._$AH, t = e === x && s !== x || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, a = e !== x && (s === x || t);
     t && this.element.removeEventListener(this.name, this, s), a && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -493,7 +493,7 @@ class jo extends ot {
     typeof this._$AH == "function" ? this._$AH.call(((o = this.options) == null ? void 0 : o.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Do {
+class Jo {
   constructor(e, o, s) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = s;
   }
@@ -501,17 +501,17 @@ class Do {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    F(this, e);
+    W(this, e);
   }
 }
-const ut = ae.litHtmlPolyfillSupport;
-ut == null || ut(le, Le), (ae.litHtmlVersions ?? (ae.litHtmlVersions = [])).push("3.3.3");
-const Ho = (r, e, o) => {
+const _t = pe.litHtmlPolyfillSupport;
+_t == null || _t(ue, De), (pe.litHtmlVersions ?? (pe.litHtmlVersions = [])).push("3.3.3");
+const Qo = (r, e, o) => {
   const s = (o == null ? void 0 : o.renderBefore) ?? e;
   let t = s._$litPart$;
   if (t === void 0) {
     const a = (o == null ? void 0 : o.renderBefore) ?? null;
-    s._$litPart$ = t = new Le(e.insertBefore(ie(), a), a, void 0, o ?? {});
+    s._$litPart$ = t = new De(e.insertBefore(he(), a), a, void 0, o ?? {});
   }
   return t._$AI(r), t;
 };
@@ -520,8 +520,8 @@ const Ho = (r, e, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S = globalThis;
-let p = class extends q {
+const D = globalThis;
+let h = class extends Y {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -532,7 +532,7 @@ let p = class extends q {
   }
   update(e) {
     const o = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Ho(o, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Qo(o, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -546,17 +546,17 @@ let p = class extends q {
     return m;
   }
 };
-var to;
-p._$litElement$ = !0, p.finalized = !0, (to = S.litElementHydrateSupport) == null || to.call(S, { LitElement: p });
-const xt = S.litElementPolyfillSupport;
-xt == null || xt({ LitElement: p });
-(S.litElementVersions ?? (S.litElementVersions = [])).push("4.2.2");
+var go;
+h._$litElement$ = !0, h.finalized = !0, (go = D.litElementHydrateSupport) == null || go.call(D, { LitElement: h });
+const Ct = D.litElementPolyfillSupport;
+Ct == null || Ct({ LitElement: h });
+(D.litElementVersions ?? (D.litElementVersions = [])).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const h = (r) => (e, o) => {
+const p = (r) => (e, o) => {
   o !== void 0 ? o.addInitializer(() => {
     customElements.define(r, e);
   }) : customElements.define(r, e);
@@ -566,29 +566,29 @@ const h = (r) => (e, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const zo = { attribute: !0, type: String, converter: qe, reflect: !1, hasChanged: Ot }, To = (r = zo, e, o) => {
+const er = { attribute: !0, type: String, converter: Qe, reflect: !1, hasChanged: Vt }, tr = (r = er, e, o) => {
   const { kind: s, metadata: t } = o;
   let a = globalThis.litPropertyMetadata.get(t);
   if (a === void 0 && globalThis.litPropertyMetadata.set(t, a = /* @__PURE__ */ new Map()), s === "setter" && ((r = Object.create(r)).wrapped = !0), a.set(o.name, r), s === "accessor") {
     const { name: i } = o;
-    return { set(u) {
-      const v = e.get.call(this);
-      e.set.call(this, u), this.requestUpdate(i, v, r, !0, u);
-    }, init(u) {
-      return u !== void 0 && this.C(i, void 0, r, u), u;
+    return { set(v) {
+      const u = e.get.call(this);
+      e.set.call(this, v), this.requestUpdate(i, u, r, !0, v);
+    }, init(v) {
+      return v !== void 0 && this.C(i, void 0, r, v), v;
     } };
   }
   if (s === "setter") {
     const { name: i } = o;
-    return function(u) {
-      const v = this[i];
-      e.call(this, u), this.requestUpdate(i, v, r, !0, u);
+    return function(v) {
+      const u = this[i];
+      e.call(this, v), this.requestUpdate(i, u, r, !0, v);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
 function n(r) {
-  return (e, o) => typeof o == "object" ? To(r, e, o) : ((s, t, a) => {
+  return (e, o) => typeof o == "object" ? tr(r, e, o) : ((s, t, a) => {
     const i = t.hasOwnProperty(a);
     return t.constructor.createProperty(a, s), i ? Object.getOwnPropertyDescriptor(t, a) : void 0;
   })(r, e, o);
@@ -598,7 +598,7 @@ function n(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function rt(r) {
+function ie(r) {
   return n({ ...r, state: !0, attribute: !1 });
 }
 /**
@@ -606,19 +606,19 @@ function rt(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Bo = (r, e, o) => (o.configurable = !0, o.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, o), o);
+const or = (r, e, o) => (o.configurable = !0, o.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, o), o);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Pt(r, e) {
+function Ht(r, e) {
   return (o, s, t) => {
     const a = (i) => {
-      var u;
-      return ((u = i.renderRoot) == null ? void 0 : u.querySelector(r)) ?? null;
+      var v;
+      return ((v = i.renderRoot) == null ? void 0 : v.querySelector(r)) ?? null;
     };
-    return Bo(o, s, { get() {
+    return or(o, s, { get() {
       return a(this);
     } });
   };
@@ -628,8 +628,8 @@ function Pt(r, e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const L = { ATTRIBUTE: 1, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, lo = (r) => (...e) => ({ _$litDirective$: r, values: e });
-class co {
+const z = { ATTRIBUTE: 1, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, Co = (r) => (...e) => ({ _$litDirective$: r, values: e });
+class Oo {
   constructor(e) {
   }
   get _$AU() {
@@ -650,10 +650,10 @@ class co {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const No = lo(class extends co {
+const rr = Co(class extends Oo {
   constructor(r) {
     var e;
-    if (super(r), r.type !== L.ATTRIBUTE || r.name !== "class" || ((e = r.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+    if (super(r), r.type !== z.ATTRIBUTE || r.name !== "class" || ((e = r.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(r) {
     return " " + Object.keys(r).filter((e) => r[e]).join(" ") + " ";
@@ -679,39 +679,39 @@ const No = lo(class extends co {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Z = (r) => r ?? x;
-var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, R = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Uo(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+const X = (r) => r ?? x;
+var sr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, q = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ar(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Ro(e, o, t), t;
+  return s && t && sr(e, o, t), t;
 };
-let _ = class extends p {
+let C = class extends h {
   constructor() {
     super(...arguments), this.variant = "brand", this.size = "md", this.type = "button", this.disabled = !1;
   }
   render() {
-    const r = No({
+    const r = rr({
       button: !0,
       [this.variant]: !0,
       [this.size]: !0
     });
-    return this.href !== void 0 && !this.disabled ? c`
+    return this.href !== void 0 && !this.disabled ? l`
         <a
           class=${r}
           href=${this.href}
-          target=${Z(this.target)}
-          rel=${Z(this.target === "_blank" ? "noreferrer" : void 0)}
+          target=${X(this.target)}
+          rel=${X(this.target === "_blank" ? "noreferrer" : void 0)}
         >
           <slot></slot>
         </a>
-      ` : c`
+      ` : l`
       <button class=${r} type=${this.type} ?disabled=${this.disabled}>
         <slot></slot>
       </button>
     `;
   }
 };
-_.styles = d`
+C.styles = d`
     :host {
       display: inline-block;
     }
@@ -819,38 +819,38 @@ _.styles = d`
       border-radius: 0 var(--vox-radius-md) var(--vox-radius-md) 0;
     }
   `;
-R([
+q([
   n()
-], _.prototype, "variant", 2);
-R([
+], C.prototype, "variant", 2);
+q([
   n()
-], _.prototype, "size", 2);
-R([
+], C.prototype, "size", 2);
+q([
   n()
-], _.prototype, "href", 2);
-R([
+], C.prototype, "href", 2);
+q([
   n()
-], _.prototype, "target", 2);
-R([
+], C.prototype, "target", 2);
+q([
   n()
-], _.prototype, "type", 2);
-R([
+], C.prototype, "type", 2);
+q([
   n({ type: Boolean, reflect: !0 })
-], _.prototype, "disabled", 2);
-_ = R([
-  h("vox-button")
-], _);
-var Io = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, At = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? qo(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], C.prototype, "disabled", 2);
+C = q([
+  p("vox-button")
+], C);
+var ir = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, Tt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? nr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Io(e, o, t), t;
+  return s && t && ir(e, o, t), t;
 };
-let ce = class extends p {
+let xe = class extends h {
   constructor() {
     super(...arguments), this.href = "#";
   }
   render() {
-    return c`
+    return l`
       <a href=${this.href} target=${this.target ?? ""}>
         <slot></slot>
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
@@ -861,7 +861,7 @@ let ce = class extends p {
     `;
   }
 };
-ce.styles = d`
+xe.styles = d`
     :host {
       display: inline-block;
       font-family: var(--vox-font-family-base);
@@ -898,31 +898,31 @@ ce.styles = d`
       transform: translateX(3px);
     }
   `;
-At([
+Tt([
   n()
-], ce.prototype, "href", 2);
-At([
+], xe.prototype, "href", 2);
+Tt([
   n()
-], ce.prototype, "target", 2);
-ce = At([
-  h("vox-cta")
-], ce);
-var Fo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, st = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Zo(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], xe.prototype, "target", 2);
+xe = Tt([
+  p("vox-cta")
+], xe);
+var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, ht = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? cr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Fo(e, o, t), t;
+  return s && t && lr(e, o, t), t;
 };
-const eo = "vox-theme", Ue = "data-vox-theme";
-let K = class extends p {
+const po = "vox-theme", Ye = "data-vox-theme";
+let J = class extends h {
   constructor() {
     super(...arguments), this.lightLabel = "Switch to dark theme", this.darkLabel = "Switch to light theme", this.dark = !1, this.media = window.matchMedia("(prefers-color-scheme: dark)"), this.handleSystemChange = (r) => {
-      localStorage.getItem(eo) || document.documentElement.setAttribute(Ue, r.matches ? "dark" : "light");
+      localStorage.getItem(po) || document.documentElement.setAttribute(Ye, r.matches ? "dark" : "light");
     };
   }
   connectedCallback() {
     super.connectedCallback(), this.syncFromDocument(), this.observer = new MutationObserver(() => this.syncFromDocument()), this.observer.observe(document.documentElement, {
       attributes: !0,
-      attributeFilter: [Ue]
+      attributeFilter: [Ye]
     }), this.media.addEventListener("change", this.handleSystemChange);
   }
   disconnectedCallback() {
@@ -930,12 +930,12 @@ let K = class extends p {
     super.disconnectedCallback(), (r = this.observer) == null || r.disconnect(), this.media.removeEventListener("change", this.handleSystemChange);
   }
   syncFromDocument() {
-    const r = document.documentElement.getAttribute(Ue) === "dark";
+    const r = document.documentElement.getAttribute(Ye) === "dark";
     this.dark = r, this.toggleAttribute("dark", r);
   }
   handleClick() {
     const r = this.dark ? "light" : "dark";
-    document.documentElement.setAttribute(Ue, r), localStorage.setItem(eo, r), this.dispatchEvent(
+    document.documentElement.setAttribute(Ye, r), localStorage.setItem(po, r), this.dispatchEvent(
       new CustomEvent("vox-theme-change", {
         detail: { theme: r },
         bubbles: !0,
@@ -945,7 +945,7 @@ let K = class extends p {
   }
   render() {
     const r = this.dark ? this.darkLabel : this.lightLabel;
-    return c`
+    return l`
       <button
         type="button"
         role="switch"
@@ -968,7 +968,7 @@ let K = class extends p {
     `;
   }
 };
-K.styles = d`
+J.styles = d`
     :host {
       display: inline-flex;
     }
@@ -1027,118 +1027,118 @@ K.styles = d`
       transform: translateX(20px);
     }
   `;
-st([
+ht([
   n({ attribute: "light-label" })
-], K.prototype, "lightLabel", 2);
-st([
+], J.prototype, "lightLabel", 2);
+ht([
   n({ attribute: "dark-label" })
-], K.prototype, "darkLabel", 2);
-st([
-  rt()
-], K.prototype, "dark", 2);
-K = st([
-  h("vox-theme-toggle")
-], K);
-const j = {
+], J.prototype, "darkLabel", 2);
+ht([
+  ie()
+], J.prototype, "dark", 2);
+J = ht([
+  p("vox-theme-toggle")
+], J);
+const k = {
   // Phase 1: shared UI baseline -----------------------------------------
-  search: l`<circle cx="21" cy="21" r="13"/><path d="M30.5 30.5 L41 41"/>`,
-  close: l`<path d="M14 14 L34 34 M34 14 L14 34"/>`,
-  menu: l`<path d="M8 14 H40 M8 24 H40 M8 34 H40"/>`,
-  "chevron-up": l`<path d="M14 28 L24 18 L34 28"/>`,
-  "chevron-down": l`<path d="M14 20 L24 30 L34 20"/>`,
-  "chevron-left": l`<path d="M28 14 L18 24 L28 34"/>`,
-  "chevron-right": l`<path d="M20 14 L30 24 L20 34"/>`,
-  "external-link": l`<path d="M36 26 V38 A4 4 0 0 1 32 42 H10 A4 4 0 0 1 6 38 V16 A4 4 0 0 1 10 12 H22"/><path d="M30 6 H42 V18"/><path d="M20 28 L42 6"/>`,
-  copy: l`<rect x="8" y="14" width="24" height="24" rx="3"/><path d="M16 14 V10 A2 2 0 0 1 18 8 H38 A2 2 0 0 1 40 10 V30 A2 2 0 0 1 38 32 H34"/>`,
-  check: l`<path d="M10 25 L20 35 L38 13"/>`,
-  warning: l`<path d="M24 8 L44 40 H4 Z"/><path d="M24 20 V28"/><circle cx="24" cy="34" r="1.6" fill="currentColor" stroke="none"/>`,
-  info: l`<circle cx="24" cy="24" r="17"/><path d="M24 22 V33"/><circle cx="24" cy="15.5" r="1.8" fill="currentColor" stroke="none"/>`,
-  add: l`<path d="M24 10 V38 M10 24 H38"/>`,
-  remove: l`<path d="M10 24 H38"/>`,
-  edit: l`<path d="M30 8 L40 18 L18 40 L7 41 L8 30 Z"/><path d="M26 12 L36 22"/>`,
-  delete: l`<path d="M10 14 H38"/><path d="M17 14 V9 A2 2 0 0 1 19 7 H29 A2 2 0 0 1 31 9 V14"/><path d="M13 14 L15 40 A2 2 0 0 0 17 42 H31 A2 2 0 0 0 33 40 L35 14"/><path d="M20 21 V35 M28 21 V35"/>`,
-  filter: l`<path d="M6 10 H42 L28 26 V38 L20 42 V26 Z"/>`,
-  sort: l`<path d="M14 30 V10 M14 10 L8 16 M14 10 L20 16"/><path d="M34 18 V38 M34 38 L28 32 M34 38 L40 32"/>`,
-  calendar: l`<rect x="6" y="10" width="36" height="32" rx="3"/><path d="M6 20 H42"/><path d="M15 6 V14 M33 6 V14"/><circle cx="15" cy="28" r="1.6" fill="currentColor" stroke="none"/><circle cx="24" cy="28" r="1.6" fill="currentColor" stroke="none"/><circle cx="33" cy="28" r="1.6" fill="currentColor" stroke="none"/>`,
-  clock: l`<circle cx="24" cy="24" r="17"/><path d="M24 14 V24 L32 29"/>`,
-  person: l`<circle cx="24" cy="16" r="8"/><path d="M8 42 C8 31 15 26 24 26 C33 26 40 31 40 42"/>`,
-  people: l`<circle cx="17" cy="16" r="7"/><circle cx="33" cy="18" r="6"/><path d="M4 41 C4 31 10 27 17 27 C21 27 24 28.3 26.3 30.5"/><path d="M24 41 C24 32 29 28 37 28 C43 28 44 32 44 41"/>`,
-  lock: l`<rect x="10" y="21" width="28" height="21" rx="3"/><path d="M16 21 V15 A8 8 0 0 1 32 15 V21"/><circle cx="24" cy="31" r="2.2" fill="currentColor" stroke="none"/>`,
-  eye: l`<path d="M4 24 C10 12 20 8 24 8 C28 8 38 12 44 24 C38 36 28 40 24 40 C20 40 10 36 4 24 Z"/><circle cx="24" cy="24" r="6"/>`,
-  "eye-slash": l`<path d="M4 24 C10 12 20 8 24 8 C28 8 38 12 44 24 C38 36 28 40 24 40 C20 40 10 36 4 24 Z"/><circle cx="24" cy="24" r="6"/><path d="M6 6 L42 42"/>`,
-  refresh: l`<path d="M46 8 L46 20 L34 20"/><path d="M2 40 L2 28 L14 28"/><path d="M7.02 18 A18 18 0 0 1 36.72 11.28 L46 20"/><path d="M2 28 L11.28 36.72 A18 18 0 0 0 40.98 30"/>`,
+  search: c`<circle cx="21" cy="21" r="13"/><path d="M30.5 30.5 L41 41"/>`,
+  close: c`<path d="M14 14 L34 34 M34 14 L14 34"/>`,
+  menu: c`<path d="M8 14 H40 M8 24 H40 M8 34 H40"/>`,
+  "chevron-up": c`<path d="M14 28 L24 18 L34 28"/>`,
+  "chevron-down": c`<path d="M14 20 L24 30 L34 20"/>`,
+  "chevron-left": c`<path d="M28 14 L18 24 L28 34"/>`,
+  "chevron-right": c`<path d="M20 14 L30 24 L20 34"/>`,
+  "external-link": c`<path d="M36 26 V38 A4 4 0 0 1 32 42 H10 A4 4 0 0 1 6 38 V16 A4 4 0 0 1 10 12 H22"/><path d="M30 6 H42 V18"/><path d="M20 28 L42 6"/>`,
+  copy: c`<rect x="8" y="14" width="24" height="24" rx="3"/><path d="M16 14 V10 A2 2 0 0 1 18 8 H38 A2 2 0 0 1 40 10 V30 A2 2 0 0 1 38 32 H34"/>`,
+  check: c`<path d="M10 25 L20 35 L38 13"/>`,
+  warning: c`<path d="M24 8 L44 40 H4 Z"/><path d="M24 20 V28"/><circle cx="24" cy="34" r="1.6" fill="currentColor" stroke="none"/>`,
+  info: c`<circle cx="24" cy="24" r="17"/><path d="M24 22 V33"/><circle cx="24" cy="15.5" r="1.8" fill="currentColor" stroke="none"/>`,
+  add: c`<path d="M24 10 V38 M10 24 H38"/>`,
+  remove: c`<path d="M10 24 H38"/>`,
+  edit: c`<path d="M30 8 L40 18 L18 40 L7 41 L8 30 Z"/><path d="M26 12 L36 22"/>`,
+  delete: c`<path d="M10 14 H38"/><path d="M17 14 V9 A2 2 0 0 1 19 7 H29 A2 2 0 0 1 31 9 V14"/><path d="M13 14 L15 40 A2 2 0 0 0 17 42 H31 A2 2 0 0 0 33 40 L35 14"/><path d="M20 21 V35 M28 21 V35"/>`,
+  filter: c`<path d="M6 10 H42 L28 26 V38 L20 42 V26 Z"/>`,
+  sort: c`<path d="M14 30 V10 M14 10 L8 16 M14 10 L20 16"/><path d="M34 18 V38 M34 38 L28 32 M34 38 L40 32"/>`,
+  calendar: c`<rect x="6" y="10" width="36" height="32" rx="3"/><path d="M6 20 H42"/><path d="M15 6 V14 M33 6 V14"/><circle cx="15" cy="28" r="1.6" fill="currentColor" stroke="none"/><circle cx="24" cy="28" r="1.6" fill="currentColor" stroke="none"/><circle cx="33" cy="28" r="1.6" fill="currentColor" stroke="none"/>`,
+  clock: c`<circle cx="24" cy="24" r="17"/><path d="M24 14 V24 L32 29"/>`,
+  person: c`<circle cx="24" cy="16" r="8"/><path d="M8 42 C8 31 15 26 24 26 C33 26 40 31 40 42"/>`,
+  people: c`<circle cx="17" cy="16" r="7"/><circle cx="33" cy="18" r="6"/><path d="M4 41 C4 31 10 27 17 27 C21 27 24 28.3 26.3 30.5"/><path d="M24 41 C24 32 29 28 37 28 C43 28 44 32 44 41"/>`,
+  lock: c`<rect x="10" y="21" width="28" height="21" rx="3"/><path d="M16 21 V15 A8 8 0 0 1 32 15 V21"/><circle cx="24" cy="31" r="2.2" fill="currentColor" stroke="none"/>`,
+  eye: c`<path d="M4 24 C10 12 20 8 24 8 C28 8 38 12 44 24 C38 36 28 40 24 40 C20 40 10 36 4 24 Z"/><circle cx="24" cy="24" r="6"/>`,
+  "eye-slash": c`<path d="M4 24 C10 12 20 8 24 8 C28 8 38 12 44 24 C38 36 28 40 24 40 C20 40 10 36 4 24 Z"/><circle cx="24" cy="24" r="6"/><path d="M6 6 L42 42"/>`,
+  refresh: c`<path d="M46 8 L46 20 L34 20"/><path d="M2 40 L2 28 L14 28"/><path d="M7.02 18 A18 18 0 0 1 36.72 11.28 L46 20"/><path d="M2 28 L11.28 36.72 A18 18 0 0 0 40.98 30"/>`,
   // Phase 2: OpenVox marketing site --------------------------------------
-  community: l`<circle cx="24" cy="10" r="5"/><circle cx="10" cy="34" r="5"/><circle cx="38" cy="34" r="5"/><path d="M24 15 L14 30 M24 15 L34 30 M15 34 H33"/>`,
-  book: l`<path d="M24 12 C20 8 12 7 6 9 V37 C12 35 20 36 24 40 C28 36 36 35 42 37 V9 C36 7 28 8 24 12 Z"/><path d="M24 12 V40"/>`,
-  terminal: l`<rect x="6" y="9" width="36" height="30" rx="3"/><path d="M14 19 L21 24 L14 29"/><path d="M25 30 H33"/>`,
-  shield: l`<path d="M24 6 L40 12 V22 C40 33 33 40 24 43 C15 40 8 33 8 22 V12 Z"/><path d="M17 23 L22 28 L32 17"/>`,
-  roadmap: l`<path d="M6 38 C14 38 14 26 22 26 C30 26 30 14 38 14"/><circle cx="6" cy="38" r="3" fill="currentColor" stroke="none"/><circle cx="22" cy="26" r="3" fill="currentColor" stroke="none"/><circle cx="38" cy="14" r="3" fill="currentColor" stroke="none"/>`,
-  help: l`<circle cx="24" cy="24" r="17"/><path d="M18 18 C18 13 30 13 30 19 C30 24 24 23 24 29"/><circle cx="24" cy="35" r="1.8" fill="currentColor" stroke="none"/>`,
-  repository: l`<rect x="7" y="10" width="34" height="28" rx="3"/><path d="M18 20 L13 24 L18 28 M30 20 L35 24 L30 28"/>`,
-  star: l`<path d="M24 6 L29 19 L43 19 L32 28 L36 42 L24 34 L12 42 L16 28 L5 19 L19 19 Z"/>`,
-  chat: l`<path d="M8 10 H40 A2 2 0 0 1 42 12 V30 A2 2 0 0 1 40 32 H20 L12 40 V32 H8 A2 2 0 0 1 6 30 V12 A2 2 0 0 1 8 10 Z"/><path d="M14 18 H34 M14 24 H28"/>`,
-  heart: l`<path d="M24 41 C10 32 4 23 4 15.5 C4 9 9 5 15 5 C19.5 5 22.5 7.5 24 11 C25.5 7.5 28.5 5 33 5 C39 5 44 9 44 15.5 C44 23 38 32 24 41 Z"/>`,
+  community: c`<circle cx="24" cy="10" r="5"/><circle cx="10" cy="34" r="5"/><circle cx="38" cy="34" r="5"/><path d="M24 15 L14 30 M24 15 L34 30 M15 34 H33"/>`,
+  book: c`<path d="M24 12 C20 8 12 7 6 9 V37 C12 35 20 36 24 40 C28 36 36 35 42 37 V9 C36 7 28 8 24 12 Z"/><path d="M24 12 V40"/>`,
+  terminal: c`<rect x="6" y="9" width="36" height="30" rx="3"/><path d="M14 19 L21 24 L14 29"/><path d="M25 30 H33"/>`,
+  shield: c`<path d="M24 6 L40 12 V22 C40 33 33 40 24 43 C15 40 8 33 8 22 V12 Z"/><path d="M17 23 L22 28 L32 17"/>`,
+  roadmap: c`<path d="M6 38 C14 38 14 26 22 26 C30 26 30 14 38 14"/><circle cx="6" cy="38" r="3" fill="currentColor" stroke="none"/><circle cx="22" cy="26" r="3" fill="currentColor" stroke="none"/><circle cx="38" cy="14" r="3" fill="currentColor" stroke="none"/>`,
+  help: c`<circle cx="24" cy="24" r="17"/><path d="M18 18 C18 13 30 13 30 19 C30 24 24 23 24 29"/><circle cx="24" cy="35" r="1.8" fill="currentColor" stroke="none"/>`,
+  repository: c`<rect x="7" y="10" width="34" height="28" rx="3"/><path d="M18 20 L13 24 L18 28 M30 20 L35 24 L30 28"/>`,
+  star: c`<path d="M24 6 L29 19 L43 19 L32 28 L36 42 L24 34 L12 42 L16 28 L5 19 L19 19 Z"/>`,
+  chat: c`<path d="M8 10 H40 A2 2 0 0 1 42 12 V30 A2 2 0 0 1 40 32 H20 L12 40 V32 H8 A2 2 0 0 1 6 30 V12 A2 2 0 0 1 8 10 Z"/><path d="M14 18 H34 M14 24 H28"/>`,
+  heart: c`<path d="M24 41 C10 32 4 23 4 15.5 C4 9 9 5 15 5 C19.5 5 22.5 7.5 24 11 C25.5 7.5 28.5 5 33 5 C39 5 44 9 44 15.5 C44 23 38 32 24 41 Z"/>`,
   // Phase 3: module registry (Forge replacement) -------------------------
-  module: l`<rect x="8" y="16" width="32" height="24" rx="3"/><path d="M8 24 H40"/><path d="M20 16 L24 24 L28 16"/>`,
-  tag: l`<path d="M6 10 H26 L42 26 L26 42 H6 Z"/><circle cx="15" cy="19" r="3" fill="currentColor" stroke="none"/>`,
-  dependency: l`<rect x="6" y="19" width="20" height="10" rx="5"/><rect x="22" y="19" width="20" height="10" rx="5"/>`,
-  verified: l`<path d="M24 5 L31 10 L39 9 L40 17 L46 24 L40 31 L39 39 L31 38 L24 43 L17 38 L9 39 L8 31 L2 24 L8 17 L9 9 L17 10 Z"/><path d="M16 24 L21 29 L32 18"/>`,
-  archived: l`<rect x="6" y="6" width="36" height="10" rx="2"/><rect x="10" y="16" width="28" height="26" rx="2"/><path d="M20 26 H28"/>`,
-  publish: l`<path d="M24 6 V28 M24 6 L16 14 M24 6 L32 14"/><path d="M8 32 V38 A2 2 0 0 0 10 40 H38 A2 2 0 0 0 40 38 V32"/>`,
-  changelog: l`<path d="M10 6 H28 L36 14 V42 H10 Z"/><path d="M28 6 V14 H36"/><path d="M16 24 H24"/><circle cx="34" cy="34" r="7"/><path d="M34 30 V34 L37 36"/>`,
-  vulnerability: l`<path d="M24 6 L40 12 V22 C40 33 33 40 24 43 C15 40 8 33 8 22 V12 Z"/><path d="M24 16 V26"/><circle cx="24" cy="32" r="1.8" fill="currentColor" stroke="none"/>`,
-  gauge: l`<path d="M6 34 A18 18 0 0 1 42 34"/><path d="M24 34 L34 20"/><circle cx="24" cy="34" r="2.2" fill="currentColor" stroke="none"/>`,
-  "file-tree": l`<path d="M6 12 H18 L22 17 H42 V38 H6 Z"/><path d="M26 24 H36 M26 30 H36"/>`,
-  "check-circle": l`<circle cx="24" cy="24" r="17"/><path d="M15 24 L21 30 L33 17"/>`,
-  "x-circle": l`<circle cx="24" cy="24" r="17"/><path d="M18 18 L30 30 M30 18 L18 30"/>`,
-  fork: l`<circle cx="14" cy="10" r="4"/><circle cx="34" cy="10" r="4"/><circle cx="24" cy="38" r="4"/><path d="M14 14 V22 L24 32 M34 14 V22 L24 32 M24 32 V34"/>`,
-  trending: l`<path d="M6 34 L18 22 L26 28 L42 10"/><path d="M32 10 H42 V20"/>`,
-  collection: l`<rect x="10" y="6" width="28" height="10" rx="2"/><rect x="6" y="19" width="36" height="10" rx="2"/><rect x="10" y="32" width="28" height="10" rx="2"/>`,
+  module: c`<rect x="8" y="16" width="32" height="24" rx="3"/><path d="M8 24 H40"/><path d="M20 16 L24 24 L28 16"/>`,
+  tag: c`<path d="M6 10 H26 L42 26 L26 42 H6 Z"/><circle cx="15" cy="19" r="3" fill="currentColor" stroke="none"/>`,
+  dependency: c`<rect x="6" y="19" width="20" height="10" rx="5"/><rect x="22" y="19" width="20" height="10" rx="5"/>`,
+  verified: c`<path d="M24 5 L31 10 L39 9 L40 17 L46 24 L40 31 L39 39 L31 38 L24 43 L17 38 L9 39 L8 31 L2 24 L8 17 L9 9 L17 10 Z"/><path d="M16 24 L21 29 L32 18"/>`,
+  archived: c`<rect x="6" y="6" width="36" height="10" rx="2"/><rect x="10" y="16" width="28" height="26" rx="2"/><path d="M20 26 H28"/>`,
+  publish: c`<path d="M24 6 V28 M24 6 L16 14 M24 6 L32 14"/><path d="M8 32 V38 A2 2 0 0 0 10 40 H38 A2 2 0 0 0 40 38 V32"/>`,
+  changelog: c`<path d="M10 6 H28 L36 14 V42 H10 Z"/><path d="M28 6 V14 H36"/><path d="M16 24 H24"/><circle cx="34" cy="34" r="7"/><path d="M34 30 V34 L37 36"/>`,
+  vulnerability: c`<path d="M24 6 L40 12 V22 C40 33 33 40 24 43 C15 40 8 33 8 22 V12 Z"/><path d="M24 16 V26"/><circle cx="24" cy="32" r="1.8" fill="currentColor" stroke="none"/>`,
+  gauge: c`<path d="M6 34 A18 18 0 0 1 42 34"/><path d="M24 34 L34 20"/><circle cx="24" cy="34" r="2.2" fill="currentColor" stroke="none"/>`,
+  "file-tree": c`<path d="M6 12 H18 L22 17 H42 V38 H6 Z"/><path d="M26 24 H36 M26 30 H36"/>`,
+  "check-circle": c`<circle cx="24" cy="24" r="17"/><path d="M15 24 L21 30 L33 17"/>`,
+  "x-circle": c`<circle cx="24" cy="24" r="17"/><path d="M18 18 L30 30 M30 18 L18 30"/>`,
+  fork: c`<circle cx="14" cy="10" r="4"/><circle cx="34" cy="10" r="4"/><circle cx="24" cy="38" r="4"/><path d="M14 14 V22 L24 32 M34 14 V22 L24 32 M24 32 V34"/>`,
+  trending: c`<path d="M6 34 L18 22 L26 28 L42 10"/><path d="M32 10 H42 V20"/>`,
+  collection: c`<rect x="10" y="6" width="28" height="10" rx="2"/><rect x="6" y="19" width="36" height="10" rx="2"/><rect x="10" y="32" width="28" height="10" rx="2"/>`,
   // Phase 4: fleet console (Puppet Enterprise replacement) ---------------
-  dashboard: l`<rect x="6" y="6" width="18" height="14" rx="2"/><rect x="28" y="6" width="14" height="8" rx="2"/><rect x="28" y="18" width="14" height="14" rx="2"/><rect x="6" y="24" width="18" height="18" rx="2"/>`,
-  node: l`<rect x="10" y="14" width="28" height="20" rx="3"/><path d="M16 22 H22 M16 27 H22"/><circle cx="32" cy="24" r="2" fill="currentColor" stroke="none"/>`,
-  "node-group": l`<rect x="6" y="10" width="24" height="9" rx="2"/><rect x="12" y="21" width="24" height="9" rx="2"/><rect x="18" y="32" width="24" height="9" rx="2"/>`,
-  pulse: l`<path d="M4 24 H14 L19 12 L27 36 L32 24 H44"/>`,
-  compliance: l`<rect x="9" y="6" width="30" height="36" rx="3"/><path d="M16 16 L19 19 L26 12 M16 26 L19 29 L26 22 M16 36 H30"/>`,
-  report: l`<path d="M10 6 H28 L36 14 V42 H10 Z"/><path d="M28 6 V14 H36"/><path d="M16 34 V28 M22 34 V24 M28 34 V30"/>`,
-  "activity-log": l`<path d="M14 8 V40"/><circle cx="14" cy="12" r="3" fill="currentColor" stroke="none"/><circle cx="14" cy="24" r="3" fill="currentColor" stroke="none"/><circle cx="14" cy="36" r="3" fill="currentColor" stroke="none"/><path d="M22 12 H40 M22 24 H40 M22 36 H34"/>`,
-  bell: l`<path d="M12 32 V22 A12 12 0 0 1 36 22 V32 L40 38 H8 Z"/><path d="M20 38 A4 4 0 0 0 28 38"/>`,
-  orchestrate: l`<circle cx="24" cy="24" r="17"/><path d="M19 15 L33 24 L19 33 Z"/>`,
-  plan: l`<rect x="6" y="8" width="24" height="32" rx="3"/><path d="M12 16 H24 M12 22 H24 M12 28 H20"/><path d="M32 24 H44 M38 18 L44 24 L38 30"/>`,
-  badge: l`<rect x="6" y="10" width="36" height="28" rx="3"/><circle cx="17" cy="21" r="5"/><path d="M10 32 C10 26 13 24 17 24 C21 24 24 26 24 32"/><path d="M30 18 H38 M30 24 H38 M30 30 H36"/>`,
-  audit: l`<path d="M10 6 H26 L34 14 V42 H10 Z"/><path d="M26 6 V14 H34"/><path d="M16 24 H24 M16 30 H22"/><circle cx="33" cy="33" r="6"/><path d="M37.5 37.5 L43 43"/>`,
-  key: l`<circle cx="16" cy="24" r="9"/><path d="M23 24 H42 M34 24 V31 M40 24 V29"/>`,
-  layers: l`<path d="M24 6 L44 16 L24 26 L4 16 Z"/><path d="M4 26 L24 36 L44 26"/><path d="M4 34 L24 44 L44 34"/>`,
-  classifier: l`<path d="M6 10 H24 L40 26 L24 42 H6 Z"/><circle cx="14" cy="18" r="3" fill="currentColor" stroke="none"/><circle cx="32" cy="26" r="3" fill="currentColor" stroke="none"/>`,
-  deploy: l`<path d="M24 8 V34"/><path d="M24 8 L15 20 M24 8 L33 20"/><path d="M10 40 H38"/>`,
-  metrics: l`<path d="M6 40 H42"/><path d="M6 40 V6"/><path d="M10 30 L18 22 L26 27 L38 12"/>`,
-  schedule: l`<rect x="6" y="10" width="28" height="30" rx="3"/><path d="M6 18 H34"/><path d="M14 6 V14 M26 6 V14"/><circle cx="34" cy="34" r="10"/><path d="M34 28 V34 L38 37"/>`,
-  backup: l`<path d="M24 6 V26 M24 26 L16 18 M24 26 L32 18"/><rect x="8" y="30" width="32" height="12" rx="2"/><path d="M8 36 H40"/>`,
-  webhook: l`<circle cx="12" cy="14" r="6"/><circle cx="36" cy="34" r="6"/><path d="M17 17 L31 31"/><path d="M22 22 L20 28 L26 26 L24 32"/>`,
-  organization: l`<rect x="10" y="10" width="28" height="32" rx="2"/><path d="M17 18 H21 M27 18 H31 M17 26 H21 M27 26 H31 M17 34 H21 M27 34 H31"/>`,
-  drift: l`<rect x="6" y="12" width="20" height="20" rx="3"/><rect x="22" y="16" width="20" height="20" rx="3"/><path d="M20 24 H28"/>`,
+  dashboard: c`<rect x="6" y="6" width="18" height="14" rx="2"/><rect x="28" y="6" width="14" height="8" rx="2"/><rect x="28" y="18" width="14" height="14" rx="2"/><rect x="6" y="24" width="18" height="18" rx="2"/>`,
+  node: c`<rect x="10" y="14" width="28" height="20" rx="3"/><path d="M16 22 H22 M16 27 H22"/><circle cx="32" cy="24" r="2" fill="currentColor" stroke="none"/>`,
+  "node-group": c`<rect x="6" y="10" width="24" height="9" rx="2"/><rect x="12" y="21" width="24" height="9" rx="2"/><rect x="18" y="32" width="24" height="9" rx="2"/>`,
+  pulse: c`<path d="M4 24 H14 L19 12 L27 36 L32 24 H44"/>`,
+  compliance: c`<rect x="9" y="6" width="30" height="36" rx="3"/><path d="M16 16 L19 19 L26 12 M16 26 L19 29 L26 22 M16 36 H30"/>`,
+  report: c`<path d="M10 6 H28 L36 14 V42 H10 Z"/><path d="M28 6 V14 H36"/><path d="M16 34 V28 M22 34 V24 M28 34 V30"/>`,
+  "activity-log": c`<path d="M14 8 V40"/><circle cx="14" cy="12" r="3" fill="currentColor" stroke="none"/><circle cx="14" cy="24" r="3" fill="currentColor" stroke="none"/><circle cx="14" cy="36" r="3" fill="currentColor" stroke="none"/><path d="M22 12 H40 M22 24 H40 M22 36 H34"/>`,
+  bell: c`<path d="M12 32 V22 A12 12 0 0 1 36 22 V32 L40 38 H8 Z"/><path d="M20 38 A4 4 0 0 0 28 38"/>`,
+  orchestrate: c`<circle cx="24" cy="24" r="17"/><path d="M19 15 L33 24 L19 33 Z"/>`,
+  plan: c`<rect x="6" y="8" width="24" height="32" rx="3"/><path d="M12 16 H24 M12 22 H24 M12 28 H20"/><path d="M32 24 H44 M38 18 L44 24 L38 30"/>`,
+  badge: c`<rect x="6" y="10" width="36" height="28" rx="3"/><circle cx="17" cy="21" r="5"/><path d="M10 32 C10 26 13 24 17 24 C21 24 24 26 24 32"/><path d="M30 18 H38 M30 24 H38 M30 30 H36"/>`,
+  audit: c`<path d="M10 6 H26 L34 14 V42 H10 Z"/><path d="M26 6 V14 H34"/><path d="M16 24 H24 M16 30 H22"/><circle cx="33" cy="33" r="6"/><path d="M37.5 37.5 L43 43"/>`,
+  key: c`<circle cx="16" cy="24" r="9"/><path d="M23 24 H42 M34 24 V31 M40 24 V29"/>`,
+  layers: c`<path d="M24 6 L44 16 L24 26 L4 16 Z"/><path d="M4 26 L24 36 L44 26"/><path d="M4 34 L24 44 L44 34"/>`,
+  classifier: c`<path d="M6 10 H24 L40 26 L24 42 H6 Z"/><circle cx="14" cy="18" r="3" fill="currentColor" stroke="none"/><circle cx="32" cy="26" r="3" fill="currentColor" stroke="none"/>`,
+  deploy: c`<path d="M24 8 V34"/><path d="M24 8 L15 20 M24 8 L33 20"/><path d="M10 40 H38"/>`,
+  metrics: c`<path d="M6 40 H42"/><path d="M6 40 V6"/><path d="M10 30 L18 22 L26 27 L38 12"/>`,
+  schedule: c`<rect x="6" y="10" width="28" height="30" rx="3"/><path d="M6 18 H34"/><path d="M14 6 V14 M26 6 V14"/><circle cx="34" cy="34" r="10"/><path d="M34 28 V34 L38 37"/>`,
+  backup: c`<path d="M24 6 V26 M24 26 L16 18 M24 26 L32 18"/><rect x="8" y="30" width="32" height="12" rx="2"/><path d="M8 36 H40"/>`,
+  webhook: c`<circle cx="12" cy="14" r="6"/><circle cx="36" cy="34" r="6"/><path d="M17 17 L31 31"/><path d="M22 22 L20 28 L26 26 L24 32"/>`,
+  organization: c`<rect x="10" y="10" width="28" height="32" rx="2"/><path d="M17 18 H21 M27 18 H31 M17 26 H21 M27 26 H31 M17 34 H21 M27 34 H31"/>`,
+  drift: c`<rect x="6" y="12" width="20" height="20" rx="3"/><rect x="22" y="16" width="20" height="20" rx="3"/><path d="M20 24 H28"/>`,
   // Added later: consolidated from docs pages that predated vox-icon ------
-  blocks: l`<rect x="7" y="7" width="15" height="15" rx="2.5"/><rect x="26" y="7" width="15" height="15" rx="2.5"/><rect x="7" y="26" width="15" height="15" rx="2.5"/><rect x="26" y="26" width="15" height="15" rx="2.5"/>`,
-  plug: l`<path d="M16 6 V18 M32 6 V18 M12 18 H36 V28 C36 34 30 38 24 38 C18 38 12 34 12 28 Z"/><path d="M24 38 V44"/>`,
-  ballot: l`<rect x="8" y="18" width="32" height="24" rx="2.5"/><path d="M8 26 H40"/><path d="M24 10 V26"/><path d="M18 6 L24 12 L30 6"/>`,
-  sun: l`<circle cx="24" cy="24" r="8"/><path d="M24 4v4M24 40v4M9.86 9.86l2.82 2.82M35.32 35.32l2.82 2.82M4 24h4M40 24h4M12.68 35.32l-2.82 2.82M38.14 9.86l-2.82 2.82"/>`,
-  moon: l`<path d="M42 25.58A18 18 0 1 1 22.42 6 14 14 0 0 0 42 25.58Z"/>`,
-  github: l`<g transform="translate(4,4) scale(2.5)" fill="currentColor" stroke="none"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></g>`,
-  accessibility: l`<circle cx="24" cy="24" r="18"/><circle cx="24" cy="16" r="2.6" fill="currentColor" stroke="none"/><path d="M14 21 H34 M24 21 V32 M24 25 L18 34 M24 25 L30 34"/>`,
-  settings: l`<circle cx="24" cy="24" r="7"/><path d="M24 6 V12 M24 36 V42 M6 24 H12 M36 24 H42 M11 11 L15.2 15.2 M32.8 32.8 L37 37 M37 11 L32.8 15.2 M15.2 32.8 L11 37"/>`
+  blocks: c`<rect x="7" y="7" width="15" height="15" rx="2.5"/><rect x="26" y="7" width="15" height="15" rx="2.5"/><rect x="7" y="26" width="15" height="15" rx="2.5"/><rect x="26" y="26" width="15" height="15" rx="2.5"/>`,
+  plug: c`<path d="M16 6 V18 M32 6 V18 M12 18 H36 V28 C36 34 30 38 24 38 C18 38 12 34 12 28 Z"/><path d="M24 38 V44"/>`,
+  ballot: c`<rect x="8" y="18" width="32" height="24" rx="2.5"/><path d="M8 26 H40"/><path d="M24 10 V26"/><path d="M18 6 L24 12 L30 6"/>`,
+  sun: c`<circle cx="24" cy="24" r="8"/><path d="M24 4v4M24 40v4M9.86 9.86l2.82 2.82M35.32 35.32l2.82 2.82M4 24h4M40 24h4M12.68 35.32l-2.82 2.82M38.14 9.86l-2.82 2.82"/>`,
+  moon: c`<path d="M42 25.58A18 18 0 1 1 22.42 6 14 14 0 0 0 42 25.58Z"/>`,
+  github: c`<g transform="translate(4,4) scale(2.5)" fill="currentColor" stroke="none"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></g>`,
+  accessibility: c`<circle cx="24" cy="24" r="18"/><circle cx="24" cy="16" r="2.6" fill="currentColor" stroke="none"/><path d="M14 21 H34 M24 21 V32 M24 25 L18 34 M24 25 L30 34"/>`,
+  settings: c`<circle cx="24" cy="24" r="7"/><path d="M24 6 V12 M24 36 V42 M6 24 H12 M36 24 H42 M11 11 L15.2 15.2 M32.8 32.8 L37 37 M37 11 L32.8 15.2 M15.2 32.8 L11 37"/>`
 };
-var Ko = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, at = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Go(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, vt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? pr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Ko(e, o, t), t;
+  return s && t && dr(e, o, t), t;
 };
-let G = class extends p {
+let Q = class extends h {
   constructor() {
     super(...arguments), this.name = "info", this.size = "md";
   }
   render() {
-    const r = j[this.name];
-    return r ? c`
+    const r = k[this.name];
+    return r ? l`
       <svg
         viewBox="0 0 48 48"
         fill="none"
@@ -1155,7 +1155,7 @@ let G = class extends p {
     ` : x;
   }
 };
-G.styles = d`
+Q.styles = d`
     :host {
       display: inline-flex;
       flex: none;
@@ -1186,24 +1186,24 @@ G.styles = d`
       height: 48px;
     }
   `;
-at([
+vt([
   n()
-], G.prototype, "name", 2);
-at([
+], Q.prototype, "name", 2);
+vt([
   n({ reflect: !0 })
-], G.prototype, "size", 2);
-at([
+], Q.prototype, "size", 2);
+vt([
   n()
-], G.prototype, "label", 2);
-G = at([
-  h("vox-icon")
-], G);
-var Wo = Object.defineProperty, Ee = (r, e, o, s) => {
+], Q.prototype, "label", 2);
+Q = vt([
+  p("vox-icon")
+], Q);
+var hr = Object.defineProperty, He = (r, e, o, s) => {
   for (var t = void 0, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = i(e, o, t) || t);
-  return t && Wo(e, o, t), t;
+  return t && hr(e, o, t), t;
 };
-const Ut = class Ut extends p {
+const Jt = class Jt extends h {
   constructor() {
     super(), this.name = "", this.label = "", this.note = "", this.disabled = !1, this.required = !1, this.internals = this.attachInternals();
   }
@@ -1227,34 +1227,34 @@ const Ut = class Ut extends p {
     this.internals.setValidity(e.validity, e.validationMessage, e);
   }
   renderLabel(e) {
-    return this.label ? c`
+    return this.label ? l`
       <label class="label" for=${e}>
-        ${this.label}${this.required ? c`<span class="required-mark" aria-hidden="true"> *</span>` : x}
+        ${this.label}${this.required ? l`<span class="required-mark" aria-hidden="true"> *</span>` : x}
       </label>
     ` : x;
   }
   renderNote() {
-    return this.note ? c`<p class="note">${this.note}</p>` : x;
+    return this.note ? l`<p class="note">${this.note}</p>` : x;
   }
 };
-Ut.formAssociated = !0;
-let y = Ut;
-Ee([
+Jt.formAssociated = !0;
+let y = Jt;
+He([
   n()
 ], y.prototype, "name");
-Ee([
+He([
   n()
 ], y.prototype, "label");
-Ee([
+He([
   n()
 ], y.prototype, "note");
-Ee([
+He([
   n({ type: Boolean, reflect: !0 })
 ], y.prototype, "disabled");
-Ee([
+He([
   n({ type: Boolean, reflect: !0 })
 ], y.prototype, "required");
-const Se = d`
+const Te = d`
   :host {
     display: block;
     font-family: var(--vox-font-family-base);
@@ -1321,7 +1321,7 @@ const Se = d`
   :host([data-vox-group='end']) .control {
     border-radius: 0 var(--vox-radius-md) var(--vox-radius-md) 0;
   }
-`, ho = d`
+`, Mo = d`
   :host {
     display: block;
     font-family: var(--vox-font-family-base);
@@ -1350,12 +1350,12 @@ const Se = d`
     margin: 0;
   }
 `;
-var Xo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, kt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Yo(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+var vr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Bt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ur(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Xo(e, o, t), t;
+  return s && t && vr(e, o, t), t;
 };
-let de = class extends y {
+let fe = class extends y {
   constructor() {
     super(...arguments), this.checked = !1, this.value = "on";
   }
@@ -1373,7 +1373,7 @@ let de = class extends y {
     this.checked = r.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return c`
+    return l`
       <label class="check">
         <input
           type="checkbox"
@@ -1391,8 +1391,8 @@ let de = class extends y {
     `;
   }
 };
-de.styles = [
-  ho,
+fe.styles = [
+  Mo,
   d`
       .box {
         flex: none;
@@ -1432,21 +1432,21 @@ de.styles = [
       }
     `
 ];
-kt([
+Bt([
   n({ type: Boolean, reflect: !0 })
-], de.prototype, "checked", 2);
-kt([
+], fe.prototype, "checked", 2);
+Bt([
   n()
-], de.prototype, "value", 2);
-de = kt([
-  h("vox-checkbox")
-], de);
-var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, te = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Qo(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], fe.prototype, "value", 2);
+fe = Bt([
+  p("vox-checkbox")
+], fe);
+var xr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, ne = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? fr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Jo(e, o, t), t;
+  return s && t && xr(e, o, t), t;
 };
-let P = class extends y {
+let L = class extends y {
   constructor() {
     super(...arguments), this.multiple = !1, this.buttonLabel = "Choose a file", this.fileNames = [];
   }
@@ -1465,14 +1465,14 @@ let P = class extends y {
     ), this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return c`
+    return l`
       <div class="field">
         ${this.renderLabel("file")}
         <label>
           <input
             id="file"
             type="file"
-            accept=${Z(this.accept)}
+            accept=${X(this.accept)}
             ?multiple=${this.multiple}
             ?disabled=${this.disabled}
             @change=${this.handleChange}
@@ -1489,8 +1489,8 @@ let P = class extends y {
     `;
   }
 };
-P.styles = [
-  Se,
+L.styles = [
+  Te,
   d`
       input {
         position: absolute;
@@ -1539,39 +1539,39 @@ P.styles = [
       }
     `
 ];
-te([
+ne([
   n()
-], P.prototype, "accept", 2);
-te([
+], L.prototype, "accept", 2);
+ne([
   n({ type: Boolean })
-], P.prototype, "multiple", 2);
-te([
+], L.prototype, "multiple", 2);
+ne([
   n({ attribute: "button-label" })
-], P.prototype, "buttonLabel", 2);
-te([
-  rt()
-], P.prototype, "fileNames", 2);
-te([
-  Pt("input")
-], P.prototype, "inputEl", 2);
-P = te([
-  h("vox-file-input")
-], P);
+], L.prototype, "buttonLabel", 2);
+ne([
+  ie()
+], L.prototype, "fileNames", 2);
+ne([
+  Ht("input")
+], L.prototype, "inputEl", 2);
+L = ne([
+  p("vox-file-input")
+], L);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const er = (r) => r.strings === void 0, tr = {}, or = (r, e = tr) => r._$AH = e;
+const gr = (r) => r.strings === void 0, br = {}, yr = (r, e = br) => r._$AH = e;
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const po = lo(class extends co {
+const Ao = Co(class extends Oo {
   constructor(r) {
-    if (super(r), r.type !== L.PROPERTY && r.type !== L.ATTRIBUTE && r.type !== L.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!er(r)) throw Error("`live` bindings can only contain a single expression");
+    if (super(r), r.type !== z.PROPERTY && r.type !== z.ATTRIBUTE && r.type !== z.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+    if (!gr(r)) throw Error("`live` bindings can only contain a single expression");
   }
   render(r) {
     return r;
@@ -1579,20 +1579,20 @@ const po = lo(class extends co {
   update(r, [e]) {
     if (e === m || e === x) return e;
     const o = r.element, s = r.name;
-    if (r.type === L.PROPERTY) {
+    if (r.type === z.PROPERTY) {
       if (e === o[s]) return m;
-    } else if (r.type === L.BOOLEAN_ATTRIBUTE) {
+    } else if (r.type === z.BOOLEAN_ATTRIBUTE) {
       if (!!e === o.hasAttribute(s)) return m;
-    } else if (r.type === L.ATTRIBUTE && o.getAttribute(s) === e + "") return m;
-    return or(r), e;
+    } else if (r.type === z.ATTRIBUTE && o.getAttribute(s) === e + "") return m;
+    return yr(r), e;
   }
 });
-var rr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, oe = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? sr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+var mr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, le = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? $r(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && rr(e, o, t), t;
+  return s && t && mr(e, o, t), t;
 };
-let A = class extends y {
+let E = class extends y {
   constructor() {
     super(...arguments), this.type = "text", this.value = "", this.readonly = !1;
   }
@@ -1615,16 +1615,16 @@ let A = class extends y {
     this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return c`
+    return l`
       <div class="field">
         ${this.renderLabel("input")}
         <input
           id="input"
           class="control"
           type=${this.type}
-          .value=${po(this.value)}
-          placeholder=${Z(this.placeholder)}
-          autocomplete=${Z(this.autocomplete)}
+          .value=${Ao(this.value)}
+          placeholder=${X(this.placeholder)}
+          autocomplete=${X(this.autocomplete)}
           ?required=${this.required}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
@@ -1637,31 +1637,31 @@ let A = class extends y {
     `;
   }
 };
-A.styles = Se;
-oe([
+E.styles = Te;
+le([
   n()
-], A.prototype, "type", 2);
-oe([
+], E.prototype, "type", 2);
+le([
   n()
-], A.prototype, "value", 2);
-oe([
+], E.prototype, "value", 2);
+le([
   n()
-], A.prototype, "placeholder", 2);
-oe([
+], E.prototype, "placeholder", 2);
+le([
   n()
-], A.prototype, "autocomplete", 2);
-oe([
+], E.prototype, "autocomplete", 2);
+le([
   n({ type: Boolean, reflect: !0 })
-], A.prototype, "readonly", 2);
-A = oe([
-  h("vox-input")
-], A);
-var ar = Object.getOwnPropertyDescriptor, ir = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ar(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], E.prototype, "readonly", 2);
+E = le([
+  p("vox-input")
+], E);
+var wr = Object.getOwnPropertyDescriptor, _r = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? wr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = i(t) || t);
   return t;
 };
-let ft = class extends p {
+let Ot = class extends h {
   handleSlotChange(r) {
     const e = r.target.assignedElements();
     e.forEach((o, s) => {
@@ -1670,14 +1670,14 @@ let ft = class extends p {
     });
   }
   render() {
-    return c`
+    return l`
       <div class="group" role="group">
         <slot @slotchange=${this.handleSlotChange}></slot>
       </div>
     `;
   }
 };
-ft.styles = d`
+Ot.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -1719,15 +1719,15 @@ ft.styles = d`
       border-left: none;
     }
   `;
-ft = ir([
-  h("vox-input-group")
-], ft);
-var nr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, it = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? lr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+Ot = _r([
+  p("vox-input-group")
+], Ot);
+var Cr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, ut = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Or(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && nr(e, o, t), t;
+  return s && t && Cr(e, o, t), t;
 };
-let W = class extends p {
+let ee = class extends h {
   constructor() {
     super(...arguments), this.value = "", this.checked = !1, this.disabled = !1;
   }
@@ -1740,7 +1740,7 @@ let W = class extends p {
     (r.key === " " || r.key === "Enter") && (r.preventDefault(), this.select());
   }
   render() {
-    return c`
+    return l`
       <span
         class="radio"
         role="radio"
@@ -1756,7 +1756,7 @@ let W = class extends p {
     `;
   }
 };
-W.styles = d`
+ee.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -1805,24 +1805,24 @@ W.styles = d`
       outline-offset: 2px;
     }
   `;
-it([
+ut([
   n()
-], W.prototype, "value", 2);
-it([
+], ee.prototype, "value", 2);
+ut([
   n({ type: Boolean, reflect: !0 })
-], W.prototype, "checked", 2);
-it([
+], ee.prototype, "checked", 2);
+ut([
   n({ type: Boolean, reflect: !0 })
-], W.prototype, "disabled", 2);
-W = it([
-  h("vox-radio")
-], W);
-var cr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, vo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? dr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ee.prototype, "disabled", 2);
+ee = ut([
+  p("vox-radio")
+], ee);
+var Mr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Po = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ar(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && cr(e, o, t), t;
+  return s && t && Mr(e, o, t), t;
 };
-let Ze = class extends y {
+let tt = class extends y {
   constructor() {
     super(...arguments), this.value = "";
   }
@@ -1853,7 +1853,7 @@ let Ze = class extends y {
     !(e instanceof HTMLElement) || e.tagName !== "VOX-RADIO" || (r.stopPropagation(), this.value !== e.value && (this.value = e.value, this.dispatchEvent(new Event("change", { bubbles: !0 }))));
   }
   handleKeydown(r) {
-    var u, v;
+    var v, u;
     const o = {
       ArrowDown: 1,
       ArrowRight: 1,
@@ -1865,13 +1865,13 @@ let Ze = class extends y {
     const s = this.radios.filter((f) => !f.disabled);
     if (s.length === 0) return;
     const t = s.findIndex((f) => f.checked), a = (Math.max(t, 0) + o + s.length) % s.length, i = s[a];
-    i.select(), (v = (u = i.shadowRoot) == null ? void 0 : u.querySelector(".radio")) == null || v.focus();
+    i.select(), (u = (v = i.shadowRoot) == null ? void 0 : v.querySelector(".radio")) == null || u.focus();
   }
   render() {
-    return c`
+    return l`
       <div class="field" role="radiogroup" aria-label=${this.label}>
-        ${this.label ? c`<span class="label">
-              ${this.label}${this.required ? c`<span class="required-mark" aria-hidden="true"> *</span>` : ""}
+        ${this.label ? l`<span class="label">
+              ${this.label}${this.required ? l`<span class="required-mark" aria-hidden="true"> *</span>` : ""}
             </span>` : ""}
         <div
           class="options"
@@ -1885,8 +1885,8 @@ let Ze = class extends y {
     `;
   }
 };
-Ze.styles = [
-  Se,
+tt.styles = [
+  Te,
   d`
       .options {
         display: flex;
@@ -1896,18 +1896,18 @@ Ze.styles = [
       }
     `
 ];
-vo([
+Po([
   n()
-], Ze.prototype, "value", 2);
-Ze = vo([
-  h("vox-radio-group")
-], Ze);
-var hr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, Lt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? pr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], tt.prototype, "value", 2);
+tt = Po([
+  p("vox-radio-group")
+], tt);
+var Pr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Nt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? kr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && hr(e, o, t), t;
+  return s && t && Pr(e, o, t), t;
 };
-let he = class extends y {
+let ge = class extends y {
   constructor() {
     super(...arguments), this.value = "";
   }
@@ -1928,7 +1928,7 @@ let he = class extends y {
     this.value = this.selectEl.value, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return c`
+    return l`
       <div class="field">
         ${this.renderLabel("select")}
         <select
@@ -1944,8 +1944,8 @@ let he = class extends y {
     `;
   }
 };
-he.styles = [
-  Se,
+ge.styles = [
+  Te,
   d`
       select.control {
         appearance: none;
@@ -1957,21 +1957,21 @@ he.styles = [
       }
     `
 ];
-Lt([
+Nt([
   n()
-], he.prototype, "value", 2);
-Lt([
-  Pt("select")
-], he.prototype, "selectEl", 2);
-he = Lt([
-  h("vox-select")
-], he);
-var vr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Et = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ur(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ge.prototype, "value", 2);
+Nt([
+  Ht("select")
+], ge.prototype, "selectEl", 2);
+ge = Nt([
+  p("vox-select")
+], ge);
+var Lr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, Rt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Er(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && vr(e, o, t), t;
+  return s && t && Lr(e, o, t), t;
 };
-let pe = class extends y {
+let be = class extends y {
   constructor() {
     super(...arguments), this.checked = !1, this.value = "on";
   }
@@ -1985,7 +1985,7 @@ let pe = class extends y {
     this.checked = r.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return c`
+    return l`
       <label class="check">
         <input
           type="checkbox"
@@ -2000,8 +2000,8 @@ let pe = class extends y {
     `;
   }
 };
-pe.styles = [
-  ho,
+be.styles = [
+  Mo,
   d`
       .track {
         flex: none;
@@ -2040,21 +2040,21 @@ pe.styles = [
       }
     `
 ];
-Et([
+Rt([
   n({ type: Boolean, reflect: !0 })
-], pe.prototype, "checked", 2);
-Et([
+], be.prototype, "checked", 2);
+Rt([
   n()
-], pe.prototype, "value", 2);
-pe = Et([
-  h("vox-switch")
-], pe);
-var xr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, Ve = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? fr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], be.prototype, "value", 2);
+be = Rt([
+  p("vox-switch")
+], be);
+var Sr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, Be = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? jr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && xr(e, o, t), t;
+  return s && t && Sr(e, o, t), t;
 };
-let D = class extends y {
+let T = class extends y {
   constructor() {
     super(...arguments), this.value = "", this.rows = 4, this.readonly = !1;
   }
@@ -2077,15 +2077,15 @@ let D = class extends y {
     this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return c`
+    return l`
       <div class="field">
         ${this.renderLabel("textarea")}
         <textarea
           id="textarea"
           class="control"
           rows=${this.rows}
-          .value=${po(this.value)}
-          placeholder=${Z(this.placeholder)}
+          .value=${Ao(this.value)}
+          placeholder=${X(this.placeholder)}
           ?required=${this.required}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
@@ -2097,8 +2097,8 @@ let D = class extends y {
     `;
   }
 };
-D.styles = [
-  Se,
+T.styles = [
+  Te,
   d`
       textarea.control {
         resize: vertical;
@@ -2106,39 +2106,39 @@ D.styles = [
       }
     `
 ];
-Ve([
+Be([
   n()
-], D.prototype, "value", 2);
-Ve([
+], T.prototype, "value", 2);
+Be([
   n()
-], D.prototype, "placeholder", 2);
-Ve([
+], T.prototype, "placeholder", 2);
+Be([
   n({ type: Number })
-], D.prototype, "rows", 2);
-Ve([
+], T.prototype, "rows", 2);
+Be([
   n({ type: Boolean, reflect: !0 })
-], D.prototype, "readonly", 2);
-D = Ve([
-  h("vox-textarea")
-], D);
-var gr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, je = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? br(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], T.prototype, "readonly", 2);
+T = Be([
+  p("vox-textarea")
+], T);
+var zr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, Ne = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Vr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && gr(e, o, t), t;
+  return s && t && zr(e, o, t), t;
 };
-let H = class extends p {
+let B = class extends h {
   constructor() {
     super(...arguments), this.alt = "", this.initials = "", this.size = "md";
   }
   render() {
-    return c`
+    return l`
       <span class="avatar" role=${this.src ? "presentation" : "img"} aria-label=${this.alt}>
-        ${this.src ? c`<img src=${this.src} alt=${this.alt} />` : this.initials}
+        ${this.src ? l`<img src=${this.src} alt=${this.alt} />` : this.initials}
       </span>
     `;
   }
 };
-H.styles = d`
+B.styles = d`
     :host {
       display: inline-block;
     }
@@ -2186,27 +2186,27 @@ H.styles = d`
       font-size: 28px;
     }
   `;
-je([
+Ne([
   n()
-], H.prototype, "src", 2);
-je([
+], B.prototype, "src", 2);
+Ne([
   n()
-], H.prototype, "alt", 2);
-je([
+], B.prototype, "alt", 2);
+Ne([
   n()
-], H.prototype, "initials", 2);
-je([
+], B.prototype, "initials", 2);
+Ne([
   n({ reflect: !0 })
-], H.prototype, "size", 2);
-H = je([
-  h("vox-avatar")
-], H);
-var yr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, St = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? mr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], B.prototype, "size", 2);
+B = Ne([
+  p("vox-avatar")
+], B);
+var Dr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, Ut = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Hr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && yr(e, o, t), t;
+  return s && t && Dr(e, o, t), t;
 };
-let ve = class extends p {
+let ye = class extends h {
   constructor() {
     super(...arguments), this.heading = "", this.reverse = !1, this.hasActions = !1;
   }
@@ -2215,7 +2215,7 @@ let ve = class extends p {
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return c`
+    return l`
       <div class="billboard">
         <div class="media"><slot name="media"></slot></div>
         <div class="content">
@@ -2229,7 +2229,7 @@ let ve = class extends p {
     `;
   }
 };
-ve.styles = d`
+ye.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2291,30 +2291,30 @@ ve.styles = d`
       display: none;
     }
   `;
-St([
+Ut([
   n()
-], ve.prototype, "heading", 2);
-St([
+], ye.prototype, "heading", 2);
+Ut([
   n({ type: Boolean, reflect: !0 })
-], ve.prototype, "reverse", 2);
-ve = St([
-  h("vox-billboard")
-], ve);
-var $r = Object.getOwnPropertyDescriptor, wr = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? $r(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ye.prototype, "reverse", 2);
+ye = Ut([
+  p("vox-billboard")
+], ye);
+var Tr = Object.getOwnPropertyDescriptor, Br = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Tr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = i(t) || t);
   return t;
 };
-let gt = class extends p {
+let Mt = class extends h {
   render() {
-    return c`
+    return l`
       <nav aria-label="Breadcrumbs">
         <slot></slot>
       </nav>
     `;
   }
 };
-gt.styles = d`
+Mt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2348,15 +2348,15 @@ gt.styles = d`
       color: var(--vox-color-text-3);
     }
   `;
-gt = wr([
-  h("vox-breadcrumbs")
-], gt);
-var _r = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, nt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Cr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+Mt = Br([
+  p("vox-breadcrumbs")
+], Mt);
+var Nr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, xt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Rr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && _r(e, o, t), t;
+  return s && t && Nr(e, o, t), t;
 };
-let X = class extends p {
+let te = class extends h {
   constructor() {
     super(...arguments), this.siteTitle = "", this.href = "/", this.mobileOpen = !1, this.handleOutsideClick = (r) => {
       this.mobileOpen && !r.composedPath().includes(this) && (this.mobileOpen = !1);
@@ -2376,11 +2376,11 @@ let X = class extends p {
     super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick), this.removeEventListener("keydown", this.handleKeydown);
   }
   render() {
-    return c`
+    return l`
       <header class="header">
         <a class="brand" href=${this.href}>
           <slot name="logo"></slot>
-          ${this.siteTitle ? c`<span>${this.siteTitle}</span>` : x}
+          ${this.siteTitle ? l`<span>${this.siteTitle}</span>` : x}
         </a>
         <button
           type="button"
@@ -2400,7 +2400,7 @@ let X = class extends p {
             stroke-linejoin="round"
             aria-hidden="true"
           >
-            ${this.mobileOpen ? j.close : j.menu}
+            ${this.mobileOpen ? k.close : k.menu}
           </svg>
         </button>
         <div id="nav-wrap" class="nav-wrap${this.mobileOpen ? " open" : ""}">
@@ -2415,7 +2415,7 @@ let X = class extends p {
     `;
   }
 };
-X.styles = d`
+te.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2545,37 +2545,37 @@ X.styles = d`
       }
     }
   `;
-nt([
+xt([
   n({ attribute: "site-title" })
-], X.prototype, "siteTitle", 2);
-nt([
+], te.prototype, "siteTitle", 2);
+xt([
   n()
-], X.prototype, "href", 2);
-nt([
-  rt()
-], X.prototype, "mobileOpen", 2);
-X = nt([
-  h("vox-header")
-], X);
-var Or = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, De = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Mr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], te.prototype, "href", 2);
+xt([
+  ie()
+], te.prototype, "mobileOpen", 2);
+te = xt([
+  p("vox-header")
+], te);
+var Ur = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, Re = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ir(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Or(e, o, t), t;
+  return s && t && Ur(e, o, t), t;
 };
-let z = class extends p {
+let N = class extends h {
   constructor() {
     super(...arguments), this.previousLabel = "", this.nextLabel = "";
   }
   render() {
-    return c`
+    return l`
       <nav aria-label="Series">
-        ${this.previousHref ? c`
+        ${this.previousHref ? l`
               <a href=${this.previousHref} rel="prev">
                 <span class="direction">← Previous</span>
                 <span class="title">${this.previousLabel}</span>
               </a>
             ` : x}
-        ${this.nextHref ? c`
+        ${this.nextHref ? l`
               <a class="next" href=${this.nextHref} rel="next">
                 <span class="direction">Next →</span>
                 <span class="title">${this.nextLabel}</span>
@@ -2585,7 +2585,7 @@ let z = class extends p {
     `;
   }
 };
-z.styles = d`
+N.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2635,27 +2635,27 @@ z.styles = d`
       color: var(--vox-color-brand-1);
     }
   `;
-De([
+Re([
   n({ attribute: "previous-href" })
-], z.prototype, "previousHref", 2);
-De([
+], N.prototype, "previousHref", 2);
+Re([
   n({ attribute: "previous-label" })
-], z.prototype, "previousLabel", 2);
-De([
+], N.prototype, "previousLabel", 2);
+Re([
   n({ attribute: "next-href" })
-], z.prototype, "nextHref", 2);
-De([
+], N.prototype, "nextHref", 2);
+Re([
   n({ attribute: "next-label" })
-], z.prototype, "nextLabel", 2);
-z = De([
-  h("vox-series-nav")
-], z);
-var Pr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, $ = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ar(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], N.prototype, "nextLabel", 2);
+N = Re([
+  p("vox-series-nav")
+], N);
+var qr = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, w = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Zr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Pr(e, o, t), t;
+  return s && t && qr(e, o, t), t;
 };
-let Y = class extends p {
+let oe = class extends h {
   constructor() {
     super(...arguments), this.label = "Section", this.toggleLabel = "Menu", this.mobileOpen = !1, this.handleOutsideClick = (r) => {
       this.mobileOpen && !r.composedPath().includes(this) && (this.mobileOpen = !1);
@@ -2675,7 +2675,7 @@ let Y = class extends p {
     super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick), this.removeEventListener("keydown", this.handleKeydown);
   }
   render() {
-    return c`
+    return l`
       <button
         type="button"
         class="toggle"
@@ -2694,7 +2694,7 @@ let Y = class extends p {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${this.mobileOpen ? j.close : j.menu}
+          ${this.mobileOpen ? k.close : k.menu}
         </svg>
       </button>
       <nav
@@ -2708,7 +2708,7 @@ let Y = class extends p {
     `;
   }
 };
-Y.styles = d`
+oe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2768,19 +2768,19 @@ Y.styles = d`
       }
     }
   `;
-$([
+w([
   n()
-], Y.prototype, "label", 2);
-$([
+], oe.prototype, "label", 2);
+w([
   n({ attribute: "toggle-label" })
-], Y.prototype, "toggleLabel", 2);
-$([
-  rt()
-], Y.prototype, "mobileOpen", 2);
-Y = $([
-  h("vox-sidenav")
-], Y);
-let ue = class extends p {
+], oe.prototype, "toggleLabel", 2);
+w([
+  ie()
+], oe.prototype, "mobileOpen", 2);
+oe = w([
+  p("vox-sidenav")
+], oe);
+let me = class extends h {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1;
   }
@@ -2788,7 +2788,7 @@ let ue = class extends p {
     this.open = !this.open;
   }
   render() {
-    return c`
+    return l`
       <button
         class="trigger"
         aria-expanded=${this.open ? "true" : "false"}
@@ -2803,7 +2803,7 @@ let ue = class extends p {
     `;
   }
 };
-ue.styles = d`
+me.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2860,16 +2860,16 @@ ue.styles = d`
       display: flex;
     }
   `;
-$([
+w([
   n()
-], ue.prototype, "heading", 2);
-$([
+], me.prototype, "heading", 2);
+w([
   n({ type: Boolean, reflect: !0 })
-], ue.prototype, "open", 2);
-ue = $([
-  h("vox-sidenav-group")
-], ue);
-let xe = class extends p {
+], me.prototype, "open", 2);
+me = w([
+  p("vox-sidenav-group")
+], me);
+let $e = class extends h {
   constructor() {
     super(...arguments), this.href = "#", this.current = !1, this.hasIcon = !1;
   }
@@ -2878,7 +2878,7 @@ let xe = class extends p {
     this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return c`
+    return l`
       <a href=${this.href} aria-current=${this.current ? "page" : "false"}>
         <span class="icon ${this.hasIcon ? "has-icon" : ""}">
           <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
@@ -2888,7 +2888,7 @@ let xe = class extends p {
     `;
   }
 };
-xe.styles = d`
+$e.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2932,33 +2932,33 @@ xe.styles = d`
       display: none;
     }
   `;
-$([
+w([
   n()
-], xe.prototype, "href", 2);
-$([
+], $e.prototype, "href", 2);
+w([
   n({ type: Boolean, reflect: !0 })
-], xe.prototype, "current", 2);
-xe = $([
-  h("vox-sidenav-item")
-], xe);
-var kr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, uo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Lr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], $e.prototype, "current", 2);
+$e = w([
+  p("vox-sidenav-item")
+], $e);
+var Fr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, ko = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Kr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && kr(e, o, t), t;
+  return s && t && Fr(e, o, t), t;
 };
-let Ke = class extends p {
+let ot = class extends h {
   constructor() {
     super(...arguments), this.label = "Secondary";
   }
   render() {
-    return c`
+    return l`
       <nav aria-label=${this.label}>
         <slot></slot>
       </nav>
     `;
   }
 };
-Ke.styles = d`
+ot.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2993,18 +2993,18 @@ Ke.styles = d`
       border-bottom-color: var(--vox-color-brand-1);
     }
   `;
-uo([
+ko([
   n()
-], Ke.prototype, "label", 2);
-Ke = uo([
-  h("vox-subnav")
-], Ke);
-var Er = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, U = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Sr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ot.prototype, "label", 2);
+ot = ko([
+  p("vox-subnav")
+], ot);
+var Gr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, Z = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Yr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Er(e, o, t), t;
+  return s && t && Gr(e, o, t), t;
 };
-let bt = class extends p {
+let At = class extends h {
   get tabs() {
     return [...this.querySelectorAll("vox-tab")];
   }
@@ -3037,7 +3037,7 @@ let bt = class extends p {
     a.select(), a.focusTab();
   }
   render() {
-    return c`
+    return l`
       <div
         class="tablist"
         role="tablist"
@@ -3050,7 +3050,7 @@ let bt = class extends p {
     `;
   }
 };
-bt.styles = d`
+At.styles = d`
     :host {
       display: block;
     }
@@ -3061,10 +3061,10 @@ bt.styles = d`
       border-bottom: 1px solid var(--vox-color-divider);
     }
   `;
-bt = U([
-  h("vox-tabs")
-], bt);
-let fe = class extends p {
+At = Z([
+  p("vox-tabs")
+], At);
+let we = class extends h {
   constructor() {
     super(...arguments), this.panel = "", this.selected = !1;
   }
@@ -3078,7 +3078,7 @@ let fe = class extends p {
     (r = this.renderRoot.querySelector(".tab")) == null || r.focus();
   }
   render() {
-    return c`
+    return l`
       <button
         class="tab"
         role="tab"
@@ -3091,7 +3091,7 @@ let fe = class extends p {
     `;
   }
 };
-fe.styles = d`
+we.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3126,24 +3126,24 @@ fe.styles = d`
       border-bottom-color: var(--vox-color-brand-1);
     }
   `;
-U([
+Z([
   n()
-], fe.prototype, "panel", 2);
-U([
+], we.prototype, "panel", 2);
+Z([
   n({ type: Boolean, reflect: !0 })
-], fe.prototype, "selected", 2);
-fe = U([
-  h("vox-tab")
-], fe);
-let ge = class extends p {
+], we.prototype, "selected", 2);
+we = Z([
+  p("vox-tab")
+], we);
+let _e = class extends h {
   constructor() {
     super(...arguments), this.name = "", this.active = !1;
   }
   render() {
-    return c`<div role="tabpanel"><slot></slot></div>`;
+    return l`<div role="tabpanel"><slot></slot></div>`;
   }
 };
-ge.styles = d`
+_e.styles = d`
     :host {
       display: none;
       font-family: var(--vox-font-family-base);
@@ -3157,26 +3157,26 @@ ge.styles = d`
       display: block;
     }
   `;
-U([
+Z([
   n()
-], ge.prototype, "name", 2);
-U([
+], _e.prototype, "name", 2);
+Z([
   n({ type: Boolean, reflect: !0 })
-], ge.prototype, "active", 2);
-ge = U([
-  h("vox-tab-panel")
-], ge);
-var Vr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, He = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? jr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], _e.prototype, "active", 2);
+_e = Z([
+  p("vox-tab-panel")
+], _e);
+var Wr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Ue = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Xr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Vr(e, o, t), t;
+  return s && t && Wr(e, o, t), t;
 };
-let Ge = class extends p {
+let rt = class extends h {
   constructor() {
     super(...arguments), this.heading = "On this page";
   }
   render() {
-    return c`
+    return l`
       <div class="heading" id="vox-toc-heading">${this.heading}</div>
       <nav aria-labelledby="vox-toc-heading">
         <slot></slot>
@@ -3184,7 +3184,7 @@ let Ge = class extends p {
     `;
   }
 };
-Ge.styles = d`
+rt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3205,13 +3205,13 @@ Ge.styles = d`
       border-left: 1px solid var(--vox-color-divider);
     }
   `;
-He([
+Ue([
   n()
-], Ge.prototype, "heading", 2);
-Ge = He([
-  h("vox-toc")
-], Ge);
-let be = class extends p {
+], rt.prototype, "heading", 2);
+rt = Ue([
+  p("vox-toc")
+], rt);
+let Ce = class extends h {
   constructor() {
     super(...arguments), this.href = "#", this.current = !1, this.hasChildren = !1;
   }
@@ -3220,7 +3220,7 @@ let be = class extends p {
     this.hasChildren = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return c`
+    return l`
       <a href=${this.href} aria-current=${this.current ? "true" : "false"}>
         <slot></slot>
       </a>
@@ -3230,7 +3230,7 @@ let be = class extends p {
     `;
   }
 };
-be.styles = d`
+Ce.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3276,21 +3276,21 @@ be.styles = d`
       display: none;
     }
   `;
-He([
+Ue([
   n()
-], be.prototype, "href", 2);
-He([
+], Ce.prototype, "href", 2);
+Ue([
   n({ type: Boolean, reflect: !0 })
-], be.prototype, "current", 2);
-be = He([
-  h("vox-toc-item")
-], be);
-var Dr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, ze = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Hr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Ce.prototype, "current", 2);
+Ce = Ue([
+  p("vox-toc-item")
+], Ce);
+var Jr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, Ie = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Qr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Dr(e, o, t), t;
+  return s && t && Jr(e, o, t), t;
 };
-let T = class extends p {
+let R = class extends h {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1, this.lightDismiss = !1, this.hasFooter = !1;
   }
@@ -3316,7 +3316,7 @@ let T = class extends p {
     this.hasFooter = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return c`
+    return l`
       <dialog
         aria-label=${this.heading || x}
         @close=${this.handleNativeClose}
@@ -3338,7 +3338,7 @@ let T = class extends p {
     `;
   }
 };
-T.styles = d`
+R.styles = d`
     dialog {
       box-sizing: border-box;
       width: min(90vw, 480px);
@@ -3425,27 +3425,27 @@ T.styles = d`
       margin-bottom: 0;
     }
   `;
-ze([
+Ie([
   n()
-], T.prototype, "heading", 2);
-ze([
+], R.prototype, "heading", 2);
+Ie([
   n({ type: Boolean })
-], T.prototype, "open", 2);
-ze([
+], R.prototype, "open", 2);
+Ie([
   n({ type: Boolean, attribute: "light-dismiss" })
-], T.prototype, "lightDismiss", 2);
-ze([
-  Pt("dialog")
-], T.prototype, "dialogEl", 2);
-T = ze([
-  h("vox-dialog")
-], T);
-var zr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Vt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Tr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], R.prototype, "lightDismiss", 2);
+Ie([
+  Ht("dialog")
+], R.prototype, "dialogEl", 2);
+R = Ie([
+  p("vox-dialog")
+], R);
+var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, It = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ts(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && zr(e, o, t), t;
+  return s && t && es(e, o, t), t;
 };
-let ye = class extends p {
+let Oe = class extends h {
   constructor() {
     super(...arguments), this.summary = "Show details", this.open = !1;
   }
@@ -3455,7 +3455,7 @@ let ye = class extends p {
     );
   }
   render() {
-    return c`
+    return l`
       <button
         class="trigger"
         aria-expanded=${this.open ? "true" : "false"}
@@ -3472,7 +3472,7 @@ let ye = class extends p {
     `;
   }
 };
-ye.styles = d`
+Oe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3524,21 +3524,21 @@ ye.styles = d`
       display: none;
     }
   `;
-Vt([
+It([
   n()
-], ye.prototype, "summary", 2);
-Vt([
+], Oe.prototype, "summary", 2);
+It([
   n({ type: Boolean, reflect: !0 })
-], ye.prototype, "open", 2);
-ye = Vt([
-  h("vox-disclosure")
-], ye);
-var Br = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, jt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Nr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Oe.prototype, "open", 2);
+Oe = It([
+  p("vox-disclosure")
+], Oe);
+var os = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, qt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? rs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Br(e, o, t), t;
+  return s && t && os(e, o, t), t;
 };
-let me = class extends p {
+let Me = class extends h {
   constructor() {
     super(...arguments), this.label = "Menu", this.open = !1, this.handleOutsideClick = (r) => {
       this.open && !r.composedPath().includes(this) && (this.open = !1);
@@ -3567,7 +3567,7 @@ let me = class extends p {
     this.open = !this.open;
   }
   render() {
-    return c`
+    return l`
       <button
         class="trigger"
         aria-expanded=${this.open ? "true" : "false"}
@@ -3585,7 +3585,7 @@ let me = class extends p {
     `;
   }
 };
-me.styles = d`
+Me.styles = d`
     :host {
       position: relative;
       display: inline-block;
@@ -3684,21 +3684,21 @@ me.styles = d`
       border-top: 1px solid var(--vox-color-divider);
     }
   `;
-jt([
+qt([
   n()
-], me.prototype, "label", 2);
-jt([
+], Me.prototype, "label", 2);
+qt([
   n({ type: Boolean, reflect: !0 })
-], me.prototype, "open", 2);
-me = jt([
-  h("vox-dropdown")
-], me);
-var Rr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, Te = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ur(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Me.prototype, "open", 2);
+Me = qt([
+  p("vox-dropdown")
+], Me);
+var ss = Object.defineProperty, as = Object.getOwnPropertyDescriptor, qe = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? as(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Rr(e, o, t), t;
+  return s && t && ss(e, o, t), t;
 };
-let We = class extends p {
+let st = class extends h {
   constructor() {
     super(...arguments), this.single = !1;
   }
@@ -3712,10 +3712,10 @@ let We = class extends p {
     );
   }
   render() {
-    return c`<slot @vox-toggle=${this.handleToggle}></slot>`;
+    return l`<slot @vox-toggle=${this.handleToggle}></slot>`;
   }
 };
-We.styles = d`
+st.styles = d`
     :host {
       display: block;
       border: 1px solid var(--vox-color-divider);
@@ -3727,13 +3727,13 @@ We.styles = d`
       border-top: 1px solid var(--vox-color-divider);
     }
   `;
-Te([
+qe([
   n({ type: Boolean })
-], We.prototype, "single", 2);
-We = Te([
-  h("vox-accordion")
-], We);
-let $e = class extends p {
+], st.prototype, "single", 2);
+st = qe([
+  p("vox-accordion")
+], st);
+let Ae = class extends h {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1;
   }
@@ -3743,7 +3743,7 @@ let $e = class extends p {
     );
   }
   render() {
-    return c`
+    return l`
       <h3 style="margin:0">
         <button
           class="trigger"
@@ -3762,7 +3762,7 @@ let $e = class extends p {
     `;
   }
 };
-$e.styles = d`
+Ae.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3824,27 +3824,27 @@ $e.styles = d`
       margin-bottom: 0;
     }
   `;
-Te([
+qe([
   n()
-], $e.prototype, "heading", 2);
-Te([
+], Ae.prototype, "heading", 2);
+qe([
   n({ type: Boolean, reflect: !0 })
-], $e.prototype, "open", 2);
-$e = Te([
-  h("vox-accordion-item")
-], $e);
-var Ir = Object.defineProperty, qr = Object.getOwnPropertyDescriptor, Be = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? qr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Ae.prototype, "open", 2);
+Ae = qe([
+  p("vox-accordion-item")
+], Ae);
+var is = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, Ze = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ns(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Ir(e, o, t), t;
+  return s && t && is(e, o, t), t;
 };
-const Fr = {
+const ls = {
   info: "info",
   success: "check-circle",
   warning: "warning",
   danger: "x-circle"
 };
-let B = class extends p {
+let U = class extends h {
   constructor() {
     super(...arguments), this.variant = "info", this.heading = "", this.dismissible = !1, this.open = !0;
   }
@@ -3854,7 +3854,7 @@ let B = class extends p {
     );
   }
   render() {
-    return c`
+    return l`
       <div class="alert ${this.variant}" role="alert">
         <svg
           class="icon"
@@ -3866,13 +3866,13 @@ let B = class extends p {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${j[Fr[this.variant]]}
+          ${k[ls[this.variant]]}
         </svg>
         <div class="body">
-          ${this.heading ? c`<p class="heading">${this.heading}</p>` : x}
+          ${this.heading ? l`<p class="heading">${this.heading}</p>` : x}
           <slot></slot>
         </div>
-        ${this.dismissible ? c`
+        ${this.dismissible ? l`
               <button class="close" aria-label="Dismiss" @click=${this.dismiss}>
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
                   <path d="M18 6 6 18M6 6l12 12" />
@@ -3883,7 +3883,7 @@ let B = class extends p {
     `;
   }
 };
-B.styles = d`
+U.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4002,35 +4002,35 @@ B.styles = d`
       margin-bottom: 0;
     }
   `;
-Be([
+Ze([
   n()
-], B.prototype, "variant", 2);
-Be([
+], U.prototype, "variant", 2);
+Ze([
   n()
-], B.prototype, "heading", 2);
-Be([
+], U.prototype, "heading", 2);
+Ze([
   n({ type: Boolean })
-], B.prototype, "dismissible", 2);
-Be([
+], U.prototype, "dismissible", 2);
+Ze([
   n({ type: Boolean, reflect: !0 })
-], B.prototype, "open", 2);
-B = Be([
-  h("vox-alert")
-], B);
-var Zr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, xo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Kr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], U.prototype, "open", 2);
+U = Ze([
+  p("vox-alert")
+], U);
+var cs = Object.defineProperty, ds = Object.getOwnPropertyDescriptor, Lo = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ds(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Zr(e, o, t), t;
+  return s && t && cs(e, o, t), t;
 };
-let Xe = class extends p {
+let at = class extends h {
   constructor() {
     super(...arguments), this.variant = "brand";
   }
   render() {
-    return c`<span class="badge ${this.variant}"><slot></slot></span>`;
+    return l`<span class="badge ${this.variant}"><slot></slot></span>`;
   }
 };
-Xe.styles = d`
+at.styles = d`
     :host {
       display: inline-block;
     }
@@ -4072,24 +4072,24 @@ Xe.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-xo([
+Lo([
   n()
-], Xe.prototype, "variant", 2);
-Xe = xo([
-  h("vox-badge")
-], Xe);
-var Gr = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, Dt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Wr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], at.prototype, "variant", 2);
+at = Lo([
+  p("vox-badge")
+], at);
+var ps = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, Zt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? hs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Gr(e, o, t), t;
+  return s && t && ps(e, o, t), t;
 };
-let we = class extends p {
+let Pe = class extends h {
   constructor() {
     super(...arguments), this.date = "";
   }
   render() {
     const r = /* @__PURE__ */ new Date(`${this.date}T00:00:00`), e = !Number.isNaN(r.getTime()), o = e ? r.toLocaleString(this.locale, { month: "short" }) : "—", s = e ? r.getDate() : "–";
-    return c`
+    return l`
       <time class="tile" datetime=${this.date}>
         <span class="month">${o}</span>
         <span class="day">${s}</span>
@@ -4097,7 +4097,7 @@ let we = class extends p {
     `;
   }
 };
-we.styles = d`
+Pe.styles = d`
     :host {
       display: inline-block;
       font-family: var(--vox-font-family-base);
@@ -4133,37 +4133,37 @@ we.styles = d`
       color: var(--vox-color-text-1);
     }
   `;
-Dt([
+Zt([
   n()
-], we.prototype, "date", 2);
-Dt([
+], Pe.prototype, "date", 2);
+Zt([
   n()
-], we.prototype, "locale", 2);
-we = Dt([
-  h("vox-calendar-tile")
-], we);
-var Xr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, Ht = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Yr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Pe.prototype, "locale", 2);
+Pe = Zt([
+  p("vox-calendar-tile")
+], Pe);
+var vs = Object.defineProperty, us = Object.getOwnPropertyDescriptor, Ft = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? us(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Xr(e, o, t), t;
+  return s && t && vs(e, o, t), t;
 };
-const Jr = {
+const xs = {
   info: "Info",
   tip: "Tip",
   warning: "Warning",
   danger: "Danger"
-}, Qr = {
+}, fs = {
   info: "info",
   tip: "check-circle",
   warning: "warning",
   danger: "x-circle"
 };
-let _e = class extends p {
+let ke = class extends h {
   constructor() {
     super(...arguments), this.variant = "info";
   }
   render() {
-    return c`
+    return l`
       <div class="callout ${this.variant}" role="note">
         <svg
           class="icon"
@@ -4175,17 +4175,17 @@ let _e = class extends p {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${j[Qr[this.variant]]}
+          ${k[fs[this.variant]]}
         </svg>
         <div class="content">
-          <p class="heading">${this.heading ?? Jr[this.variant]}</p>
+          <p class="heading">${this.heading ?? xs[this.variant]}</p>
           <slot></slot>
         </div>
       </div>
     `;
   }
 };
-_e.styles = d`
+ke.styles = d`
     :host {
       display: block;
     }
@@ -4268,21 +4268,21 @@ _e.styles = d`
       margin-bottom: 0;
     }
   `;
-Ht([
+Ft([
   n()
-], _e.prototype, "variant", 2);
-Ht([
+], ke.prototype, "variant", 2);
+Ft([
   n()
-], _e.prototype, "heading", 2);
-_e = Ht([
-  h("vox-callout")
-], _e);
-var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, lt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ts(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ke.prototype, "heading", 2);
+ke = Ft([
+  p("vox-callout")
+], ke);
+var gs = Object.defineProperty, bs = Object.getOwnPropertyDescriptor, ft = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? bs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && es(e, o, t), t;
+  return s && t && gs(e, o, t), t;
 };
-let J = class extends p {
+let re = class extends h {
   constructor() {
     super(...arguments), this.heading = "", this.hasIcon = !1, this.hasBadge = !1, this.hasFooter = !1;
   }
@@ -4299,7 +4299,7 @@ let J = class extends p {
     this.hasFooter = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    const r = c`
+    const r = l`
       <div class="badge ${this.hasBadge ? "has-badge" : ""}">
         <slot name="badge" @slotchange=${this.handleBadgeSlotChange}></slot>
       </div>
@@ -4312,10 +4312,10 @@ let J = class extends p {
         <slot name="footer" @slotchange=${this.handleFooterSlotChange}></slot>
       </div>
     `;
-    return this.href !== void 0 ? c`<a class="card" href=${this.href} target=${this.target ?? x}>${r}</a>` : c`<div class="card">${r}</div>`;
+    return this.href !== void 0 ? l`<a class="card" href=${this.href} target=${this.target ?? x}>${r}</a>` : l`<div class="card">${r}</div>`;
   }
 };
-J.styles = d`
+re.styles = d`
     :host {
       display: block;
     }
@@ -4400,24 +4400,663 @@ J.styles = d`
       display: none;
     }
   `;
-lt([
+ft([
   n()
-], J.prototype, "heading", 2);
-lt([
+], re.prototype, "heading", 2);
+ft([
   n()
-], J.prototype, "href", 2);
-lt([
+], re.prototype, "href", 2);
+ft([
   n()
-], J.prototype, "target", 2);
-J = lt([
-  h("vox-card")
-], J);
-var os = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, fo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? rs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], re.prototype, "target", 2);
+re = ft([
+  p("vox-card")
+], re);
+function Eo(r, e) {
+  let o = e;
+  for (; o < r.length && (r[o] === " " || r[o] === "	"); ) o++;
+  return o;
+}
+function F(r, e) {
+  return {
+    re: r,
+    type: (o, s, t) => e.has(o) ? "keyword" : s[Eo(s, t)] === "(" ? "function" : "plain"
+  };
+}
+function Pt(r) {
+  return {
+    re: r,
+    type: (e, o, s) => o[Eo(o, s)] === ":" ? "property" : "string"
+  };
+}
+const Fe = /-?\b\d+\.?\d*(?:[eE][+-]?\d+)?\b/y, S = /"(?:\\.|[^"\\])*"/y, K = /'(?:\\.|[^'\\])*'/y, gt = /#.*/y, ys = /\/\/.*/y, So = /\/\*[\s\S]*?\*\//y;
+function ho(r, e, o) {
+  const s = r[r.length - 1];
+  s && s.type === e ? s.text += o : r.push({ type: e, text: o });
+}
+function ms(r, e) {
+  const o = [];
+  let s = 0;
+  for (; s < r.length; ) {
+    let t = !1;
+    for (const a of e) {
+      a.re.lastIndex = s;
+      const i = a.re.exec(r);
+      if (i && i.index === s && i[0].length > 0) {
+        const v = i[0], u = typeof a.type == "function" ? a.type(v, r, s + v.length) : a.type;
+        ho(o, u, v), s += v.length, t = !0;
+        break;
+      }
+    }
+    t || (ho(o, "plain", r[s]), s++);
+  }
+  return o;
+}
+const $s = /* @__PURE__ */ new Set([
+  "if",
+  "then",
+  "elif",
+  "else",
+  "fi",
+  "for",
+  "while",
+  "until",
+  "do",
+  "done",
+  "case",
+  "esac",
+  "in",
+  "function",
+  "select",
+  "time",
+  "return",
+  "exit",
+  "break",
+  "continue",
+  "local",
+  "export",
+  "readonly",
+  "declare",
+  "unset",
+  "shift",
+  "eval",
+  "exec",
+  "trap",
+  "set",
+  "source",
+  "alias",
+  "unalias",
+  "true",
+  "false"
+]), We = [
+  { re: gt, type: "comment" },
+  { re: /\$\{[^}]*\}|\$[A-Za-z_]\w*|\$[0-9@#?$!*_-]/y, type: "function" },
+  { re: S, type: "string" },
+  { re: K, type: "string" },
+  { re: Fe, type: "number" },
+  F(/[A-Za-z_][\w-]*/y, $s)
+], ws = /* @__PURE__ */ new Set([
+  "true",
+  "false",
+  "yes",
+  "no",
+  "null",
+  "on",
+  "off",
+  "True",
+  "False",
+  "Yes",
+  "No",
+  "Null",
+  "On",
+  "Off",
+  "TRUE",
+  "FALSE",
+  "YES",
+  "NO",
+  "NULL",
+  "ON",
+  "OFF"
+]), vo = [
+  { re: gt, type: "comment" },
+  Pt(S),
+  Pt(K),
+  { re: /[A-Za-z_][\w .-]*?(?=:(\s|$))/y, type: "property" },
+  { re: /[&*!][A-Za-z_][\w:.]*/y, type: "function" },
+  { re: Fe, type: "number" },
+  F(/[A-Za-z_][\w-]*/y, ws)
+], _s = [
+  Pt(S),
+  { re: Fe, type: "number" },
+  F(/[A-Za-z_]\w*/y, /* @__PURE__ */ new Set(["true", "false", "null"]))
+], Cs = /* @__PURE__ */ new Set([
+  "const",
+  "let",
+  "var",
+  "function",
+  "return",
+  "if",
+  "else",
+  "for",
+  "while",
+  "do",
+  "switch",
+  "case",
+  "default",
+  "break",
+  "continue",
+  "class",
+  "extends",
+  "super",
+  "new",
+  "this",
+  "import",
+  "export",
+  "from",
+  "as",
+  "async",
+  "await",
+  "try",
+  "catch",
+  "finally",
+  "throw",
+  "typeof",
+  "instanceof",
+  "in",
+  "of",
+  "yield",
+  "static",
+  "get",
+  "set",
+  "void",
+  "delete",
+  "null",
+  "undefined",
+  "true",
+  "false",
+  "public",
+  "private",
+  "protected",
+  "readonly",
+  "interface",
+  "type",
+  "enum",
+  "implements",
+  "namespace",
+  "declare",
+  "abstract",
+  "keyof",
+  "satisfies"
+]), Xe = [
+  { re: ys, type: "comment" },
+  { re: So, type: "comment" },
+  { re: S, type: "string" },
+  { re: K, type: "string" },
+  { re: /`(?:\\.|[^`\\])*`/y, type: "string" },
+  { re: /-?\b0[xXbBoO][0-9a-fA-F]+\b|-?\b\d+\.?\d*(?:[eE][+-]?\d+)?\b/y, type: "number" },
+  F(/[A-Za-z_$][\w$]*/y, Cs)
+], Os = [
+  { re: So, type: "comment" },
+  { re: S, type: "string" },
+  { re: K, type: "string" },
+  { re: /@[\w-]+/y, type: "keyword" },
+  { re: /!important/y, type: "keyword" },
+  { re: /#[0-9a-fA-F]{3,8}\b/y, type: "number" },
+  { re: /-?\b\d+\.?\d*[a-zA-Z%]*\b/y, type: "number" },
+  { re: /[a-zA-Z-]+(?=\s*:)/y, type: "property" },
+  F(/[a-zA-Z-]+/y, /* @__PURE__ */ new Set())
+], uo = [
+  { re: /<!--[\s\S]*?-->/y, type: "comment" },
+  { re: /<\/?[a-zA-Z][\w:-]*/y, type: "tag" },
+  { re: /[a-zA-Z-][\w-]*(?=\s*=)/y, type: "property" },
+  { re: S, type: "string" },
+  { re: K, type: "string" },
+  { re: /&[\w#]+;/y, type: "keyword" }
+], Ms = /* @__PURE__ */ new Set([
+  "def",
+  "end",
+  "if",
+  "elsif",
+  "else",
+  "unless",
+  "while",
+  "until",
+  "for",
+  "in",
+  "do",
+  "class",
+  "module",
+  "begin",
+  "rescue",
+  "ensure",
+  "raise",
+  "return",
+  "yield",
+  "break",
+  "next",
+  "redo",
+  "retry",
+  "case",
+  "when",
+  "then",
+  "and",
+  "or",
+  "not",
+  "nil",
+  "true",
+  "false",
+  "self",
+  "super",
+  "require",
+  "require_relative",
+  "include",
+  "extend",
+  "attr_accessor",
+  "attr_reader",
+  "attr_writer",
+  "private",
+  "protected",
+  "public",
+  "lambda",
+  "proc",
+  "new"
+]), xo = [
+  { re: gt, type: "comment" },
+  { re: /:[A-Za-z_]\w*[?!]?/y, type: "string" },
+  { re: /@{1,2}[A-Za-z_]\w*|\$[A-Za-z_]\w*/y, type: "function" },
+  { re: S, type: "string" },
+  { re: K, type: "string" },
+  { re: Fe, type: "number" },
+  { re: /[A-Z]\w*/y, type: "property" },
+  F(/[a-z_]\w*[?!]?/y, Ms)
+], As = /* @__PURE__ */ new Set([
+  "class",
+  "define",
+  "node",
+  "inherits",
+  "if",
+  "elsif",
+  "else",
+  "unless",
+  "case",
+  "and",
+  "or",
+  "in",
+  "undef",
+  "true",
+  "false",
+  "default",
+  "import",
+  "include",
+  "require",
+  "contain",
+  "function",
+  "type",
+  "application",
+  "produces",
+  "consumes",
+  "private",
+  "return",
+  "break",
+  "next",
+  "each",
+  "map",
+  "filter",
+  "reduce",
+  "with",
+  "String",
+  "Integer",
+  "Boolean",
+  "Array",
+  "Hash",
+  "Optional",
+  "Enum",
+  "Variant",
+  "Numeric",
+  "Float",
+  "Undef",
+  "Any",
+  "Pattern",
+  "Regexp",
+  "Sensitive",
+  "Struct",
+  "Tuple",
+  "Type",
+  "Callable",
+  "Data",
+  "Scalar"
+]), fo = [
+  { re: gt, type: "comment" },
+  { re: S, type: "string" },
+  { re: K, type: "string" },
+  { re: /\$[\w:]+/y, type: "function" },
+  { re: /[a-zA-Z_][\w:]*(?=\s*\{)/y, type: "tag" },
+  { re: /[a-z_]\w*(?=\s*=>)/y, type: "property" },
+  { re: Fe, type: "number" },
+  F(/[A-Za-z_][\w:]*/y, As)
+], Ps = {
+  bash: We,
+  sh: We,
+  shell: We,
+  zsh: We,
+  yaml: vo,
+  yml: vo,
+  json: _s,
+  javascript: Xe,
+  js: Xe,
+  typescript: Xe,
+  ts: Xe,
+  css: Os,
+  html: uo,
+  xml: uo,
+  ruby: xo,
+  rb: xo,
+  puppet: fo,
+  pp: fo
+}, ks = {
+  bash: "Bash",
+  sh: "Shell",
+  shell: "Shell",
+  zsh: "Zsh",
+  yaml: "YAML",
+  yml: "YAML",
+  json: "JSON",
+  javascript: "JavaScript",
+  js: "JavaScript",
+  typescript: "TypeScript",
+  ts: "TypeScript",
+  css: "CSS",
+  html: "HTML",
+  xml: "XML",
+  ruby: "Ruby",
+  rb: "Ruby",
+  puppet: "Puppet",
+  pp: "Puppet",
+  plaintext: "Plain Text",
+  text: "Plain Text"
+};
+function Ls(r, e) {
+  const o = Ps[e];
+  return o ? ms(r, o) : [{ type: "plain", text: r }];
+}
+var Es = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, O = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ss(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && os(e, o, t), t;
+  return s && t && Es(e, o, t), t;
+};
+function js(r) {
+  const e = r.split(`
+`);
+  for (; e.length && e[0].trim() === ""; ) e.shift();
+  for (; e.length && e[e.length - 1].trim() === ""; ) e.pop();
+  const o = e.filter((t) => t.trim() !== "").map((t) => {
+    var a;
+    return ((a = t.match(/^[ \t]*/)) == null ? void 0 : a[0].length) ?? 0;
+  }), s = o.length ? Math.min(...o) : 0;
+  return e.map((t) => t.slice(s)).join(`
+`);
+}
+function zs(r) {
+  const e = [[]];
+  for (const o of r)
+    o.text.split(`
+`).forEach((s, t) => {
+      t > 0 && e.push([]), s && e[e.length - 1].push({ type: o.type, text: s });
+    });
+  return e;
+}
+let $ = class extends h {
+  constructor() {
+    super(...arguments), this.language = "", this.filename = "", this.lineNumbers = !1, this.noCopy = !1, this.noHeader = !1, this.noBorder = !1, this._code = "", this._copied = !1;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), clearTimeout(this._copyResetTimer);
+  }
+  _handleSlotChange(r) {
+    const o = r.target.assignedNodes({ flatten: !0 }).map((s) => s.textContent ?? "").join("");
+    this._code = js(o);
+  }
+  async _copy() {
+    var r;
+    try {
+      await navigator.clipboard.writeText(this._code);
+    } catch {
+      const e = document.createElement("textarea");
+      e.value = this._code, e.style.position = "fixed", e.style.opacity = "0", (r = this.shadowRoot) == null || r.appendChild(e), e.select(), document.execCommand("copy"), e.remove();
+    }
+    this._copied = !0, clearTimeout(this._copyResetTimer), this._copyResetTimer = setTimeout(() => {
+      this._copied = !1;
+    }, 1500);
+  }
+  render() {
+    const r = ks[this.language] ?? this.language, e = zs(Ls(this._code, this.language));
+    return l`
+      <div class="block">
+        ${this.noHeader ? x : l`
+              <div class="header">
+                <span class="meta">
+                  ${this.filename ? l`<span class="filename">${this.filename}</span>` : x}
+                  ${r ? l`<span class="lang">${r}</span>` : x}
+                </span>
+                ${this.noCopy ? x : l`
+                      <button
+                        class="copy"
+                        type="button"
+                        @click=${this._copy}
+                        aria-label=${this._copied ? "Copied" : "Copy code"}
+                      >
+                        <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                          ${k[this._copied ? "check" : "copy"]}
+                        </svg>
+                      </button>
+                    `}
+              </div>
+            `}
+        <pre tabindex="0"><code>${e.map(
+      (o) => l`<span class="line">${o.map(
+        (s) => s.type === "plain" ? s.text : l`<span class="tok-${s.type}">${s.text}</span>`
+      )}</span>`
+    )}</code></pre>
+        <span class="visually-hidden" aria-live="polite">${this._copied ? "Copied to clipboard" : ""}</span>
+      </div>
+      <slot @slotchange=${this._handleSlotChange}></slot>
+    `;
+  }
 };
-let Ye = class extends p {
+$.styles = d`
+    :host {
+      display: block;
+      font-family: var(--vox-font-family-base);
+    }
+
+    .block {
+      border: 1px solid var(--vox-color-border);
+      border-radius: var(--vox-radius-md);
+      background-color: var(--vox-color-bg-alt);
+      overflow: hidden;
+    }
+
+    :host([no-border]) .block {
+      border: none;
+    }
+
+    .header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--vox-space-3);
+      padding: var(--vox-space-2) var(--vox-space-2) var(--vox-space-2) var(--vox-space-4);
+      border-bottom: 1px solid var(--vox-color-divider);
+      font-size: 12px;
+    }
+
+    .meta {
+      display: flex;
+      align-items: baseline;
+      gap: var(--vox-space-3);
+      min-width: 0;
+      overflow: hidden;
+      color: var(--vox-color-text-2);
+    }
+
+    .filename {
+      color: var(--vox-color-text-1);
+      font-family: var(--vox-font-family-mono);
+      font-weight: 600;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .lang {
+      flex: none;
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+    }
+
+    .copy {
+      flex: none;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      padding: 0;
+      border: none;
+      border-radius: var(--vox-radius-sm);
+      background: none;
+      color: var(--vox-color-text-2);
+      cursor: pointer;
+    }
+
+    .copy:hover {
+      background-color: var(--vox-color-brand-soft);
+      color: var(--vox-color-brand-1);
+    }
+
+    .copy:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: 2px;
+    }
+
+    .copy svg {
+      width: 15px;
+      height: 15px;
+    }
+
+    pre {
+      margin: 0;
+      padding: var(--vox-space-4);
+      overflow-x: auto;
+      white-space: pre;
+      tab-size: 2;
+    }
+
+    pre:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: -2px;
+    }
+
+    code {
+      font-family: var(--vox-font-family-mono);
+      font-size: 13px;
+      line-height: 1.7;
+      color: var(--vox-color-text-1);
+    }
+
+    .line {
+      display: block;
+    }
+
+    :host([line-numbers]) code {
+      counter-reset: line;
+    }
+
+    :host([line-numbers]) .line {
+      padding-left: 3.5ch;
+      position: relative;
+    }
+
+    :host([line-numbers]) .line::before {
+      counter-increment: line;
+      content: counter(line);
+      position: absolute;
+      left: 0;
+      width: 2.5ch;
+      text-align: right;
+      color: var(--vox-color-text-3);
+      user-select: none;
+    }
+
+    .tok-comment {
+      color: var(--vox-code-comment);
+      font-style: italic;
+    }
+    .tok-keyword {
+      color: var(--vox-code-keyword);
+    }
+    .tok-string {
+      color: var(--vox-code-string);
+    }
+    .tok-number {
+      color: var(--vox-code-number);
+    }
+    .tok-function {
+      color: var(--vox-code-function);
+    }
+    .tok-property {
+      color: var(--vox-code-property);
+    }
+    .tok-tag {
+      color: var(--vox-code-tag);
+    }
+
+    slot {
+      display: none;
+    }
+
+    .visually-hidden {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      overflow: hidden;
+      clip: rect(0 0 0 0);
+      white-space: nowrap;
+    }
+  `;
+O([
+  n()
+], $.prototype, "language", 2);
+O([
+  n()
+], $.prototype, "filename", 2);
+O([
+  n({ type: Boolean, attribute: "line-numbers", reflect: !0 })
+], $.prototype, "lineNumbers", 2);
+O([
+  n({ type: Boolean, attribute: "no-copy" })
+], $.prototype, "noCopy", 2);
+O([
+  n({ type: Boolean, attribute: "no-header" })
+], $.prototype, "noHeader", 2);
+O([
+  n({ type: Boolean, attribute: "no-border", reflect: !0 })
+], $.prototype, "noBorder", 2);
+O([
+  ie()
+], $.prototype, "_code", 2);
+O([
+  ie()
+], $.prototype, "_copied", 2);
+$ = O([
+  p("vox-code-block")
+], $);
+var Vs = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, jo = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ds(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Vs(e, o, t), t;
+};
+let it = class extends h {
   constructor() {
     super(...arguments), this.heading = "", this.hasBody = !1, this.hasActions = !1;
   }
@@ -4430,9 +5069,9 @@ let Ye = class extends p {
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return c`
+    return l`
       <div class="band">
-        ${this.heading ? c`<h2 class="heading">${this.heading}</h2>` : x}
+        ${this.heading ? l`<h2 class="heading">${this.heading}</h2>` : x}
         <div class="body ${this.hasBody ? "has-content" : ""}">
           <slot @slotchange=${this.handleBodySlotChange}></slot>
         </div>
@@ -4443,7 +5082,7 @@ let Ye = class extends p {
     `;
   }
 };
-Ye.styles = d`
+it.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4498,23 +5137,23 @@ Ye.styles = d`
       display: none;
     }
   `;
-fo([
+jo([
   n()
-], Ye.prototype, "heading", 2);
-Ye = fo([
-  h("vox-cta-band")
-], Ye);
-var ss = Object.defineProperty, as = Object.getOwnPropertyDescriptor, go = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? as(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], it.prototype, "heading", 2);
+it = jo([
+  p("vox-cta-band")
+], it);
+var Hs = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, zo = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ts(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ss(e, o, t), t;
+  return s && t && Hs(e, o, t), t;
 };
-let Je = class extends p {
+let nt = class extends h {
   constructor() {
     super(...arguments), this.heading = "";
   }
   render() {
-    return c`
+    return l`
       <div class="empty">
         <div class="icon"><slot name="icon"></slot></div>
         <h3 class="heading">${this.heading}</h3>
@@ -4524,7 +5163,7 @@ let Je = class extends p {
     `;
   }
 };
-Je.styles = d`
+nt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4568,20 +5207,20 @@ Je.styles = d`
       margin-top: var(--vox-space-4);
     }
   `;
-go([
+zo([
   n()
-], Je.prototype, "heading", 2);
-Je = go([
-  h("vox-empty-state")
-], Je);
-var is = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, zt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ns(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], nt.prototype, "heading", 2);
+nt = zo([
+  p("vox-empty-state")
+], nt);
+var Bs = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, Kt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ns(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && is(e, o, t), t;
+  return s && t && Bs(e, o, t), t;
 };
-let yt = class extends p {
+let kt = class extends h {
   render() {
-    return c`
+    return l`
       <footer>
         <div class="inner">
           <div class="columns"><slot></slot></div>
@@ -4591,7 +5230,7 @@ let yt = class extends p {
     `;
   }
 };
-yt.styles = d`
+kt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4619,21 +5258,21 @@ yt.styles = d`
       color: var(--vox-color-text-3);
     }
   `;
-yt = zt([
-  h("vox-footer")
-], yt);
-let Qe = class extends p {
+kt = Kt([
+  p("vox-footer")
+], kt);
+let lt = class extends h {
   constructor() {
     super(...arguments), this.heading = "";
   }
   render() {
-    return c`
+    return l`
       <h3 class="heading">${this.heading}</h3>
       <div class="links"><slot></slot></div>
     `;
   }
 };
-Qe.styles = d`
+lt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4665,18 +5304,18 @@ Qe.styles = d`
       text-decoration: underline;
     }
   `;
-zt([
+Kt([
   n()
-], Qe.prototype, "heading", 2);
-Qe = zt([
-  h("vox-footer-column")
-], Qe);
-var ls = Object.defineProperty, cs = Object.getOwnPropertyDescriptor, ct = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? cs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], lt.prototype, "heading", 2);
+lt = Kt([
+  p("vox-footer-column")
+], lt);
+var Rs = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, bt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Us(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ls(e, o, t), t;
+  return s && t && Rs(e, o, t), t;
 };
-let Q = class extends p {
+let se = class extends h {
   constructor() {
     super(...arguments), this.cols = 0, this.min = "240px", this.gap = "md";
   }
@@ -4684,10 +5323,10 @@ let Q = class extends p {
     this.style.gridTemplateColumns = this.cols > 0 ? `repeat(${this.cols}, minmax(0, 1fr))` : `repeat(auto-fit, minmax(min(${this.min}, 100%), 1fr))`;
   }
   render() {
-    return c`<slot></slot>`;
+    return l`<slot></slot>`;
   }
 };
-Q.styles = d`
+se.styles = d`
     :host {
       display: grid;
     }
@@ -4704,24 +5343,24 @@ Q.styles = d`
       gap: var(--vox-space-6);
     }
   `;
-ct([
+bt([
   n({ type: Number })
-], Q.prototype, "cols", 2);
-ct([
+], se.prototype, "cols", 2);
+bt([
   n()
-], Q.prototype, "min", 2);
-ct([
+], se.prototype, "min", 2);
+bt([
   n({ reflect: !0 })
-], Q.prototype, "gap", 2);
-Q = ct([
-  h("vox-grid")
-], Q);
-var ds = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, Tt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? hs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], se.prototype, "gap", 2);
+se = bt([
+  p("vox-grid")
+], se);
+var Is = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, Gt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? qs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ds(e, o, t), t;
+  return s && t && Is(e, o, t), t;
 };
-let Ce = class extends p {
+let Le = class extends h {
   constructor() {
     super(...arguments), this.eyebrow = "", this.heading = "", this.hasActions = !1;
   }
@@ -4730,9 +5369,9 @@ let Ce = class extends p {
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return c`
+    return l`
       <header class="hero">
-        ${this.eyebrow ? c`<p class="eyebrow">${this.eyebrow}</p>` : x}
+        ${this.eyebrow ? l`<p class="eyebrow">${this.eyebrow}</p>` : x}
         <h1 class="heading">${this.heading}</h1>
         <div class="body"><slot></slot></div>
         <div class="actions ${this.hasActions ? "has-content" : ""}">
@@ -4742,7 +5381,7 @@ let Ce = class extends p {
     `;
   }
 };
-Ce.styles = d`
+Le.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4799,36 +5438,36 @@ Ce.styles = d`
       display: none;
     }
   `;
-Tt([
+Gt([
   n()
-], Ce.prototype, "eyebrow", 2);
-Tt([
+], Le.prototype, "eyebrow", 2);
+Gt([
   n()
-], Ce.prototype, "heading", 2);
-Ce = Tt([
-  h("vox-hero")
-], Ce);
-var ps = Object.defineProperty, vs = Object.getOwnPropertyDescriptor, dt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? vs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Le.prototype, "heading", 2);
+Le = Gt([
+  p("vox-hero")
+], Le);
+var Zs = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, yt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Fs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ps(e, o, t), t;
+  return s && t && Zs(e, o, t), t;
 };
-let mt = class extends p {
+let Lt = class extends h {
   render() {
-    return c`<slot></slot>`;
+    return l`<slot></slot>`;
   }
 };
-mt.styles = d`
+Lt.styles = d`
     :host {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
       gap: var(--vox-space-4);
     }
   `;
-mt = dt([
-  h("vox-link-hub")
-], mt);
-let Oe = class extends p {
+Lt = yt([
+  p("vox-link-hub")
+], Lt);
+let Ee = class extends h {
   constructor() {
     super(...arguments), this.href = "#", this.heading = "", this.hasIcon = !1;
   }
@@ -4837,7 +5476,7 @@ let Oe = class extends p {
     this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return c`
+    return l`
       <a href=${this.href}>
         <span class="heading">
           <span class="icon ${this.hasIcon ? "has-icon" : ""}">
@@ -4854,7 +5493,7 @@ let Oe = class extends p {
     `;
   }
 };
-Oe.styles = d`
+Ee.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4915,26 +5554,26 @@ Oe.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-dt([
+yt([
   n()
-], Oe.prototype, "href", 2);
-dt([
+], Ee.prototype, "href", 2);
+yt([
   n()
-], Oe.prototype, "heading", 2);
-Oe = dt([
-  h("vox-link-hub-item")
-], Oe);
-var us = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, Bt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? xs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Ee.prototype, "heading", 2);
+Ee = yt([
+  p("vox-link-hub-item")
+], Ee);
+var Ks = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, Yt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Gs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && us(e, o, t), t;
+  return s && t && Ks(e, o, t), t;
 };
-let Me = class extends p {
+let Se = class extends h {
   constructor() {
     super(...arguments), this.size = "md", this.label = "Loading";
   }
   render() {
-    return c`
+    return l`
       <div role="status">
         <div class="spinner"></div>
         <span class="visually-hidden">${this.label}</span>
@@ -4942,7 +5581,7 @@ let Me = class extends p {
     `;
   }
 };
-Me.styles = d`
+Se.styles = d`
     :host {
       display: inline-block;
     }
@@ -4995,33 +5634,33 @@ Me.styles = d`
       white-space: nowrap;
     }
   `;
-Bt([
+Yt([
   n({ reflect: !0 })
-], Me.prototype, "size", 2);
-Bt([
+], Se.prototype, "size", 2);
+Yt([
   n()
-], Me.prototype, "label", 2);
-Me = Bt([
-  h("vox-loader")
-], Me);
-var fs = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, bo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? gs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Se.prototype, "label", 2);
+Se = Yt([
+  p("vox-loader")
+], Se);
+var Ys = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Vo = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ws(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && fs(e, o, t), t;
+  return s && t && Ys(e, o, t), t;
 };
-let et = class extends p {
+let ct = class extends h {
   constructor() {
     super(...arguments), this.label = "Pagination";
   }
   render() {
-    return c`
+    return l`
       <nav aria-label=${this.label}>
         <slot></slot>
       </nav>
     `;
   }
 };
-et.styles = d`
+ct.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5061,36 +5700,36 @@ et.styles = d`
       font-weight: 600;
     }
   `;
-bo([
+Vo([
   n()
-], et.prototype, "label", 2);
-et = bo([
-  h("vox-pagination")
-], et);
-var bs = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, Nt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ys(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ct.prototype, "label", 2);
+ct = Vo([
+  p("vox-pagination")
+], ct);
+var Xs = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, Wt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Js(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && bs(e, o, t), t;
+  return s && t && Xs(e, o, t), t;
 };
-let Pe = class extends p {
+let je = class extends h {
   constructor() {
     super(...arguments), this.attribution = "", this.detail = "";
   }
   render() {
-    return c`
+    return l`
       <blockquote>
         <div class="text"><slot></slot></div>
-        ${this.attribution ? c`
+        ${this.attribution ? l`
               <footer>
                 <span class="attribution">${this.attribution}</span>
-                ${this.detail ? c`<span class="detail"> — ${this.detail}</span>` : x}
+                ${this.detail ? l`<span class="detail"> — ${this.detail}</span>` : x}
               </footer>
             ` : x}
       </blockquote>
     `;
   }
 };
-Pe.styles = d`
+je.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5132,21 +5771,21 @@ Pe.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-Nt([
+Wt([
   n()
-], Pe.prototype, "attribution", 2);
-Nt([
+], je.prototype, "attribution", 2);
+Wt([
   n()
-], Pe.prototype, "detail", 2);
-Pe = Nt([
-  h("vox-quote")
-], Pe);
-var ms = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, I = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? $s(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], je.prototype, "detail", 2);
+je = Wt([
+  p("vox-quote")
+], je);
+var Qs = Object.defineProperty, ea = Object.getOwnPropertyDescriptor, G = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ea(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ms(e, o, t), t;
+  return s && t && Qs(e, o, t), t;
 };
-let tt = class extends p {
+let dt = class extends h {
   constructor() {
     super(...arguments), this.heading = "", this.hasDescription = !1;
   }
@@ -5155,7 +5794,7 @@ let tt = class extends p {
     this.hasDescription = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return c`
+    return l`
       <h2 class="heading">${this.heading}</h2>
       <div class="description ${this.hasDescription ? "has-content" : ""}">
         <slot
@@ -5169,7 +5808,7 @@ let tt = class extends p {
     `;
   }
 };
-tt.styles = d`
+dt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5201,13 +5840,13 @@ tt.styles = d`
       margin-top: var(--vox-space-6);
     }
   `;
-I([
+G([
   n()
-], tt.prototype, "heading", 2);
-tt = I([
-  h("vox-sponsor-tier")
-], tt);
-let N = class extends p {
+], dt.prototype, "heading", 2);
+dt = G([
+  p("vox-sponsor-tier")
+], dt);
+let I = class extends h {
   constructor() {
     super(...arguments), this.name = "", this.hasBody = !1;
   }
@@ -5216,24 +5855,24 @@ let N = class extends p {
     this.hasBody = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    const r = c`
+    const r = l`
       <div class="logo ${this.logo ? "has-logo" : ""}">
-        ${this.logo ? c`<img src=${this.logo} alt=${this.name} />` : x}
+        ${this.logo ? l`<img src=${this.logo} alt=${this.name} />` : x}
       </div>
       <span class="name">${this.name}</span>
       <div class="body ${this.hasBody ? "has-content" : ""}">
         <slot @slotchange=${this.handleBodySlotChange}></slot>
       </div>
     `;
-    return this.href !== void 0 ? c`<a
+    return this.href !== void 0 ? l`<a
           class="sponsor"
           href=${this.href}
           target=${this.target ?? x}
           >${r}</a
-        >` : c`<div class="sponsor">${r}</div>`;
+        >` : l`<div class="sponsor">${r}</div>`;
   }
 };
-N.styles = d`
+I.styles = d`
     :host {
       display: block;
     }
@@ -5299,39 +5938,39 @@ N.styles = d`
       display: none;
     }
   `;
-I([
+G([
   n()
-], N.prototype, "name", 2);
-I([
+], I.prototype, "name", 2);
+G([
   n()
-], N.prototype, "href", 2);
-I([
+], I.prototype, "href", 2);
+G([
   n()
-], N.prototype, "logo", 2);
-I([
+], I.prototype, "logo", 2);
+G([
   n()
-], N.prototype, "target", 2);
-N = I([
-  h("vox-sponsor")
-], N);
-var ws = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, Rt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? _s(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], I.prototype, "target", 2);
+I = G([
+  p("vox-sponsor")
+], I);
+var ta = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, Xt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? oa(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ws(e, o, t), t;
+  return s && t && ta(e, o, t), t;
 };
-let Ae = class extends p {
+let ze = class extends h {
   constructor() {
     super(...arguments), this.value = "", this.label = "";
   }
   render() {
-    return c`
+    return l`
       <div class="value">${this.value}</div>
       <div class="label">${this.label}</div>
       <div class="description"><slot></slot></div>
     `;
   }
 };
-Ae.styles = d`
+ze.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5358,35 +5997,35 @@ Ae.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-Rt([
+Xt([
   n()
-], Ae.prototype, "value", 2);
-Rt([
+], ze.prototype, "value", 2);
+Xt([
   n()
-], Ae.prototype, "label", 2);
-Ae = Rt([
-  h("vox-stat")
-], Ae);
-var Cs = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, Ne = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Os(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ze.prototype, "label", 2);
+ze = Xt([
+  p("vox-stat")
+], ze);
+var ra = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Ke = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? sa(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Cs(e, o, t), t;
+  return s && t && ra(e, o, t), t;
 };
-let $t = class extends p {
+let Et = class extends h {
   numberSteps() {
     this.querySelectorAll("vox-step").forEach((r, e) => {
       r.number = e + 1;
     });
   }
   render() {
-    return c`
+    return l`
       <div class="steps" role="list" aria-label="Progress">
         <slot @slotchange=${this.numberSteps}></slot>
       </div>
     `;
   }
 };
-$t.styles = d`
+Et.styles = d`
     :host {
       display: block;
     }
@@ -5400,22 +6039,22 @@ $t.styles = d`
       flex: 1 1 0;
     }
   `;
-$t = Ne([
-  h("vox-step-indicator")
-], $t);
-let ee = class extends p {
+Et = Ke([
+  p("vox-step-indicator")
+], Et);
+let ae = class extends h {
   constructor() {
     super(...arguments), this.label = "", this.state = "upcoming", this.number = 1;
   }
   render() {
-    return c`
+    return l`
       <div
         class="step"
         role="listitem"
         aria-current=${this.state === "current" ? "step" : "false"}
       >
         <span class="marker">
-          ${this.state === "complete" ? c`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+          ${this.state === "complete" ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                 <path d="m4 12 5 5L20 6" />
               </svg>` : this.number}
         </span>
@@ -5424,7 +6063,7 @@ let ee = class extends p {
     `;
   }
 };
-ee.styles = d`
+ae.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5498,52 +6137,52 @@ ee.styles = d`
       color: var(--vox-color-text-1);
     }
   `;
-Ne([
+Ke([
   n()
-], ee.prototype, "label", 2);
-Ne([
+], ae.prototype, "label", 2);
+Ke([
   n({ reflect: !0 })
-], ee.prototype, "state", 2);
-Ne([
+], ae.prototype, "state", 2);
+Ke([
   n({ type: Number })
-], ee.prototype, "number", 2);
-ee = Ne([
-  h("vox-step")
-], ee);
-var Ms = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, ht = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ps(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ae.prototype, "number", 2);
+ae = Ke([
+  p("vox-step")
+], ae);
+var aa = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, mt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ia(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Ms(e, o, t), t;
+  return s && t && aa(e, o, t), t;
 };
-let wt = class extends p {
+let St = class extends h {
   render() {
-    return c`<slot></slot>`;
+    return l`<slot></slot>`;
   }
 };
-wt.styles = d`
+St.styles = d`
     :host {
       display: block;
     }
   `;
-wt = ht([
-  h("vox-timeline")
-], wt);
-let ke = class extends p {
+St = mt([
+  p("vox-timeline")
+], St);
+let Ve = class extends h {
   constructor() {
     super(...arguments), this.heading = "", this.date = "";
   }
   render() {
-    return c`
+    return l`
       <div class="item">
         <span class="dot" aria-hidden="true"></span>
-        ${this.date ? c`<div class="date">${this.date}</div>` : x}
+        ${this.date ? l`<div class="date">${this.date}</div>` : x}
         <h3 class="heading">${this.heading}</h3>
         <div class="body"><slot></slot></div>
       </div>
     `;
   }
 };
-ke.styles = d`
+Ve.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5593,69 +6232,70 @@ ke.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-ht([
+mt([
   n()
-], ke.prototype, "heading", 2);
-ht([
+], Ve.prototype, "heading", 2);
+mt([
   n()
-], ke.prototype, "date", 2);
-ke = ht([
-  h("vox-timeline-item")
-], ke);
+], Ve.prototype, "date", 2);
+Ve = mt([
+  p("vox-timeline-item")
+], Ve);
 export {
-  We as VoxAccordion,
-  $e as VoxAccordionItem,
-  B as VoxAlert,
-  H as VoxAvatar,
-  Xe as VoxBadge,
-  ve as VoxBillboard,
-  gt as VoxBreadcrumbs,
-  _ as VoxButton,
-  we as VoxCalendarTile,
-  _e as VoxCallout,
-  J as VoxCard,
-  de as VoxCheckbox,
-  ce as VoxCta,
-  Ye as VoxCtaBand,
-  T as VoxDialog,
-  ye as VoxDisclosure,
-  me as VoxDropdown,
-  Je as VoxEmptyState,
-  P as VoxFileInput,
-  yt as VoxFooter,
-  Qe as VoxFooterColumn,
-  Q as VoxGrid,
-  X as VoxHeader,
-  Ce as VoxHero,
-  G as VoxIcon,
-  A as VoxInput,
-  ft as VoxInputGroup,
-  mt as VoxLinkHub,
-  Oe as VoxLinkHubItem,
-  Me as VoxLoader,
-  et as VoxPagination,
-  Pe as VoxQuote,
-  W as VoxRadio,
-  Ze as VoxRadioGroup,
-  he as VoxSelect,
-  z as VoxSeriesNav,
-  Y as VoxSidenav,
-  ue as VoxSidenavGroup,
-  xe as VoxSidenavItem,
-  N as VoxSponsor,
-  tt as VoxSponsorTier,
-  Ae as VoxStat,
-  ee as VoxStep,
-  $t as VoxStepIndicator,
-  Ke as VoxSubnav,
-  pe as VoxSwitch,
-  fe as VoxTab,
-  ge as VoxTabPanel,
-  bt as VoxTabs,
-  D as VoxTextarea,
-  K as VoxThemeToggle,
-  wt as VoxTimeline,
-  ke as VoxTimelineItem,
-  Ge as VoxToc,
-  be as VoxTocItem
+  st as VoxAccordion,
+  Ae as VoxAccordionItem,
+  U as VoxAlert,
+  B as VoxAvatar,
+  at as VoxBadge,
+  ye as VoxBillboard,
+  Mt as VoxBreadcrumbs,
+  C as VoxButton,
+  Pe as VoxCalendarTile,
+  ke as VoxCallout,
+  re as VoxCard,
+  fe as VoxCheckbox,
+  $ as VoxCodeBlock,
+  xe as VoxCta,
+  it as VoxCtaBand,
+  R as VoxDialog,
+  Oe as VoxDisclosure,
+  Me as VoxDropdown,
+  nt as VoxEmptyState,
+  L as VoxFileInput,
+  kt as VoxFooter,
+  lt as VoxFooterColumn,
+  se as VoxGrid,
+  te as VoxHeader,
+  Le as VoxHero,
+  Q as VoxIcon,
+  E as VoxInput,
+  Ot as VoxInputGroup,
+  Lt as VoxLinkHub,
+  Ee as VoxLinkHubItem,
+  Se as VoxLoader,
+  ct as VoxPagination,
+  je as VoxQuote,
+  ee as VoxRadio,
+  tt as VoxRadioGroup,
+  ge as VoxSelect,
+  N as VoxSeriesNav,
+  oe as VoxSidenav,
+  me as VoxSidenavGroup,
+  $e as VoxSidenavItem,
+  I as VoxSponsor,
+  dt as VoxSponsorTier,
+  ze as VoxStat,
+  ae as VoxStep,
+  Et as VoxStepIndicator,
+  ot as VoxSubnav,
+  be as VoxSwitch,
+  we as VoxTab,
+  _e as VoxTabPanel,
+  At as VoxTabs,
+  T as VoxTextarea,
+  J as VoxThemeToggle,
+  St as VoxTimeline,
+  Ve as VoxTimelineItem,
+  rt as VoxToc,
+  Ce as VoxTocItem
 };