@openvoxproject/voxblocks 0.9.0 → 0.10.0

package/dist/cdn/voxblocks.js

@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ne = globalThis, ut = Ne.ShadowRoot && (Ne.ShadyCSS === void 0 || Ne.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, xt = Symbol(), Bt = /* @__PURE__ */ new WeakMap();
-let Gt = class {
-  constructor(e, o, r) {
-    if (this._$cssResult$ = !0, r !== xt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+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 {
+  constructor(e, o, s) {
+    if (this._$cssResult$ = !0, s !== Ct) 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 (ut && e === void 0) {
-      const r = o !== void 0 && o.length === 1;
-      r && (e = Bt.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && Bt.set(o, e));
+    if (_t && 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));
     }
     return e;
   }
@@ -22,59 +22,59 @@ let Gt = class {
     return this.cssText;
   }
 };
-const po = (s) => new Gt(typeof s == "string" ? s : s + "", void 0, xt), c = (s, ...e) => {
-  const o = s.length === 1 ? s[0] : e.reduce((r, t, a) => r + ((i) => {
+const yo = (r) => new oo(typeof r == "string" ? r : r + "", void 0, Ct), 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) + s[a + 1], s[0]);
-  return new Gt(o, s, xt);
-}, ho = (s, e) => {
-  if (ut) s.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  })(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);
   else for (const o of e) {
-    const r = document.createElement("style"), t = Ne.litNonce;
-    t !== void 0 && r.setAttribute("nonce", t), r.textContent = o.cssText, s.appendChild(r);
+    const s = document.createElement("style"), t = Ie.litNonce;
+    t !== void 0 && s.setAttribute("nonce", t), s.textContent = o.cssText, r.appendChild(s);
   }
-}, Vt = ut ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((e) => {
+}, qt = _t ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
   let o = "";
-  for (const r of e.cssRules) o += r.cssText;
-  return po(o);
-})(s) : s;
+  for (const s of e.cssRules) o += s.cssText;
+  return yo(o);
+})(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: vo, defineProperty: uo, getOwnPropertyDescriptor: xo, getOwnPropertyNames: fo, getOwnPropertySymbols: go, getPrototypeOf: bo } = Object, P = globalThis, Nt = P.trustedTypes, mo = Nt ? Nt.emptyScript : "", rt = P.reactiveElementPolyfillSupport, Q = (s, e) => s, Re = { toAttribute(s, e) {
+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) {
   switch (e) {
     case Boolean:
-      s = s ? mo : null;
+      r = r ? Po : null;
       break;
     case Object:
     case Array:
-      s = s == null ? s : JSON.stringify(s);
+      r = r == null ? r : JSON.stringify(r);
   }
-  return s;
-}, fromAttribute(s, e) {
-  let o = s;
+  return r;
+}, fromAttribute(r, e) {
+  let o = r;
   switch (e) {
     case Boolean:
-      o = s !== null;
+      o = r !== null;
       break;
     case Number:
-      o = s === null ? null : Number(s);
+      o = r === null ? null : Number(r);
       break;
     case Object:
     case Array:
       try {
-        o = JSON.parse(s);
+        o = JSON.parse(r);
       } catch {
         o = null;
       }
   }
   return o;
-} }, ft = (s, e) => !vo(s, e), Rt = { attribute: !0, type: String, converter: Re, reflect: !1, useDefault: !1, hasChanged: ft };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), P.litPropertyMetadata ?? (P.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, 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 {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
@@ -82,45 +82,45 @@ let q = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, o = Rt) {
+  static createProperty(e, o = Zt) {
     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 r = Symbol(), t = this.getPropertyDescriptor(e, r, o);
-      t !== void 0 && uo(this.prototype, e, t);
+      const s = Symbol(), t = this.getPropertyDescriptor(e, s, o);
+      t !== void 0 && wo(this.prototype, e, t);
     }
   }
-  static getPropertyDescriptor(e, o, r) {
-    const { get: t, set: a } = xo(this.prototype, e) ?? { get() {
+  static getPropertyDescriptor(e, o, s) {
+    const { get: t, set: a } = _o(this.prototype, e) ?? { get() {
       return this[o];
     }, set(i) {
       this[o] = i;
     } };
     return { get: t, set(i) {
-      const v = t == null ? void 0 : t.call(this);
-      a == null || a.call(this, i), this.requestUpdate(e, v, r);
+      const u = t == null ? void 0 : t.call(this);
+      a == null || a.call(this, i), this.requestUpdate(e, u, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? Rt;
+    return this.elementProperties.get(e) ?? Zt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(Q("elementProperties"))) return;
-    const e = bo(this);
+    if (this.hasOwnProperty(se("elementProperties"))) return;
+    const e = Mo(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(Q("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Q("properties"))) {
-      const o = this.properties, r = [...fo(o), ...go(o)];
-      for (const t of r) this.createProperty(t, o[t]);
+    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)];
+      for (const t of s) this.createProperty(t, o[t]);
     }
     const e = this[Symbol.metadata];
     if (e !== null) {
       const o = litPropertyMetadata.get(e);
-      if (o !== void 0) for (const [r, t] of o) this.elementProperties.set(r, t);
+      if (o !== void 0) for (const [s, t] of o) this.elementProperties.set(s, t);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [o, r] of this.elementProperties) {
-      const t = this._$Eu(o, r);
+    for (const [o, s] of this.elementProperties) {
+      const t = this._$Eu(o, s);
       t !== void 0 && this._$Eh.set(t, o);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
@@ -128,14 +128,14 @@ let q = class extends HTMLElement {
   static finalizeStyles(e) {
     const o = [];
     if (Array.isArray(e)) {
-      const r = new Set(e.flat(1 / 0).reverse());
-      for (const t of r) o.unshift(Vt(t));
-    } else e !== void 0 && o.push(Vt(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));
     return o;
   }
   static _$Eu(e, o) {
-    const r = o.attribute;
-    return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
+    const s = o.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof e == "string" ? e.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -154,18 +154,18 @@ let q = class extends HTMLElement {
   }
   _$E_() {
     const e = /* @__PURE__ */ new Map(), o = this.constructor.elementProperties;
-    for (const r of o.keys()) this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);
+    for (const s of o.keys()) this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
     e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ho(e, this.constructor.elementStyles), e;
+    return mo(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((o) => {
-      var r;
-      return (r = o.hostConnected) == null ? void 0 : r.call(o);
+      var s;
+      return (s = o.hostConnected) == null ? void 0 : s.call(o);
     });
   }
   enableUpdating(e) {
@@ -173,42 +173,42 @@ let q = class extends HTMLElement {
   disconnectedCallback() {
     var e;
     (e = this._$EO) == null || e.forEach((o) => {
-      var r;
-      return (r = o.hostDisconnected) == null ? void 0 : r.call(o);
+      var s;
+      return (s = o.hostDisconnected) == null ? void 0 : s.call(o);
     });
   }
-  attributeChangedCallback(e, o, r) {
-    this._$AK(e, r);
+  attributeChangedCallback(e, o, s) {
+    this._$AK(e, s);
   }
   _$ET(e, o) {
     var a;
-    const r = this.constructor.elementProperties.get(e), t = this.constructor._$Eu(e, r);
-    if (t !== void 0 && r.reflect === !0) {
-      const i = (((a = r.converter) == null ? void 0 : a.toAttribute) !== void 0 ? r.converter : Re).toAttribute(o, r.type);
+    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);
       this._$Em = e, i == null ? this.removeAttribute(t) : this.setAttribute(t, i), this._$Em = null;
     }
   }
   _$AK(e, o) {
     var a, i;
-    const r = this.constructor, t = r._$Eh.get(e);
+    const s = this.constructor, t = s._$Eh.get(e);
     if (t !== void 0 && this._$Em !== t) {
-      const v = r.getPropertyOptions(t), h = typeof v.converter == "function" ? { fromAttribute: v.converter } : ((a = v.converter) == null ? void 0 : a.fromAttribute) !== void 0 ? v.converter : Re;
+      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;
       this._$Em = t;
-      const x = h.fromAttribute(o, v.type);
-      this[t] = x ?? ((i = this._$Ej) == null ? void 0 : i.get(t)) ?? x, this._$Em = null;
+      const f = v.fromAttribute(o, u.type);
+      this[t] = f ?? ((i = this._$Ej) == null ? void 0 : i.get(t)) ?? f, this._$Em = null;
     }
   }
-  requestUpdate(e, o, r, t = !1, a) {
+  requestUpdate(e, o, s, t = !1, a) {
     var i;
     if (e !== void 0) {
-      const v = this.constructor;
-      if (t === !1 && (a = this[e]), r ?? (r = v.getPropertyOptions(e)), !((r.hasChanged ?? ft)(a, o) || r.useDefault && r.reflect && a === ((i = this._$Ej) == null ? void 0 : i.get(e)) && !this.hasAttribute(v._$Eu(e, r)))) return;
-      this.C(e, o, r);
+      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;
+      this.C(e, o, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, o, { useDefault: r, reflect: t, wrapped: a }, i) {
-    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, i ?? o ?? this[e]), a !== !0 || i !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (o = void 0), this._$AL.set(e, o)), t === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, o, { useDefault: s, reflect: t, wrapped: a }, i) {
+    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, i ?? o ?? this[e]), a !== !0 || i !== void 0) || (this._$AL.has(e) || (this.hasUpdated || s || (o = void 0), this._$AL.set(e, o)), t === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -224,7 +224,7 @@ let q = class extends HTMLElement {
     return this.performUpdate();
   }
   performUpdate() {
-    var r;
+    var s;
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
@@ -233,14 +233,14 @@ let q = class extends HTMLElement {
       }
       const t = this.constructor.elementProperties;
       if (t.size > 0) for (const [a, i] of t) {
-        const { wrapped: v } = i, h = this[a];
-        v !== !0 || this._$AL.has(a) || h === void 0 || this.C(a, void 0, i, h);
+        const { wrapped: u } = i, v = this[a];
+        u !== !0 || this._$AL.has(a) || v === void 0 || this.C(a, void 0, i, v);
       }
     }
     let e = !1;
     const o = this._$AL;
     try {
-      e = this.shouldUpdate(o), e ? (this.willUpdate(o), (r = this._$EO) == null || r.forEach((t) => {
+      e = this.shouldUpdate(o), e ? (this.willUpdate(o), (s = this._$EO) == null || s.forEach((t) => {
         var a;
         return (a = t.hostUpdate) == null ? void 0 : a.call(t);
       }), this.update(o)) : this._$EM();
@@ -253,9 +253,9 @@ let q = class extends HTMLElement {
   }
   _$AE(e) {
     var o;
-    (o = this._$EO) == null || o.forEach((r) => {
+    (o = this._$EO) == null || o.forEach((s) => {
       var t;
-      return (t = r.hostUpdated) == null ? void 0 : t.call(r);
+      return (t = s.hostUpdated) == null ? void 0 : t.call(s);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
   }
   _$EM() {
@@ -278,76 +278,76 @@ let q = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-q.elementStyles = [], q.shadowRootOptions = { mode: "open" }, q[Q("elementProperties")] = /* @__PURE__ */ new Map(), q[Q("finalized")] = /* @__PURE__ */ new Map(), rt == null || rt({ ReactiveElement: q }), (P.reactiveElementVersions ?? (P.reactiveElementVersions = [])).push("2.1.2");
+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");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ee = globalThis, Mt = (s) => s, Me = ee.trustedTypes, Ut = Me ? Me.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Xt = "$lit$", w = `lit$${Math.random().toFixed(9).slice(2)}$`, Yt = "?" + w, yo = `<${Yt}>`, D = document, te = () => D.createComment(""), oe = (s) => s === null || typeof s != "object" && typeof s != "function", gt = Array.isArray, $o = (s) => gt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", st = `[ 	
-\f\r]`, J = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Lt = /-->/g, qt = />/g, E = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ht = /'/g, It = /"/g, Zt = /^(?:script|style|textarea|title)$/i, _o = (s) => (e, ...o) => ({ _$litType$: s, strings: e, values: o }), l = _o(1), m = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), Ft = /* @__PURE__ */ new WeakMap(), j = D.createTreeWalker(D, 129);
-function Jt(s, e) {
-  if (!gt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Ut !== void 0 ? Ut.createHTML(e) : e;
+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 wo = (s, e) => {
-  const o = s.length - 1, r = [];
-  let t, a = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", i = J;
-  for (let v = 0; v < o; v++) {
-    const h = s[v];
-    let x, g, f = -1, y = 0;
-    for (; y < h.length && (i.lastIndex = y, g = i.exec(h), g !== null); ) y = i.lastIndex, i === J ? g[1] === "!--" ? i = Lt : g[1] !== void 0 ? i = qt : g[2] !== void 0 ? (Zt.test(g[2]) && (t = RegExp("</" + g[2], "g")), i = E) : g[3] !== void 0 && (i = E) : i === E ? g[0] === ">" ? (i = t ?? J, f = -1) : g[1] === void 0 ? f = -2 : (f = i.lastIndex - g[2].length, x = g[1], i = g[3] === void 0 ? E : g[3] === '"' ? It : Ht) : i === It || i === Ht ? i = E : i === Lt || i === qt ? i = J : (i = E, t = void 0);
-    const _ = i === E && s[v + 1].startsWith("/>") ? " " : "";
-    a += i === J ? h + yo : f >= 0 ? (r.push(x), h.slice(0, f) + Xt + h.slice(f) + w + _) : h + w + (f === -2 ? v : _);
-  }
-  return [Jt(s, a + (s[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
+const Lo = (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];
 };
-class re {
-  constructor({ strings: e, _$litType$: o }, r) {
+class le {
+  constructor({ strings: e, _$litType$: o }, s) {
     let t;
     this.parts = [];
     let a = 0, i = 0;
-    const v = e.length - 1, h = this.parts, [x, g] = wo(e, o);
-    if (this.el = re.createElement(x, r), j.currentNode = this.el.content, o === 2 || o === 3) {
-      const f = this.el.content.firstChild;
-      f.replaceWith(...f.childNodes);
+    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 g = this.el.content.firstChild;
+      g.replaceWith(...g.childNodes);
     }
-    for (; (t = j.nextNode()) !== null && h.length < v; ) {
+    for (; (t = E.nextNode()) !== null && v.length < u; ) {
       if (t.nodeType === 1) {
-        if (t.hasAttributes()) for (const f of t.getAttributeNames()) if (f.endsWith(Xt)) {
-          const y = g[i++], _ = t.getAttribute(f).split(w), Be = /([.?@])?(.*)/.exec(y);
-          h.push({ type: 1, index: a, name: Be[2], strings: _, ctor: Be[1] === "." ? Oo : Be[1] === "?" ? Ao : Be[1] === "@" ? Co : Ye }), t.removeAttribute(f);
-        } else f.startsWith(w) && (h.push({ type: 6, index: a }), t.removeAttribute(f));
-        if (Zt.test(t.tagName)) {
-          const f = t.textContent.split(w), y = f.length - 1;
-          if (y > 0) {
-            t.textContent = Me ? Me.emptyScript : "";
-            for (let _ = 0; _ < y; _++) t.append(f[_], te()), j.nextNode(), h.push({ type: 2, index: ++a });
-            t.append(f[y], te());
+        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());
           }
         }
-      } else if (t.nodeType === 8) if (t.data === Yt) h.push({ type: 2, index: a });
+      } else if (t.nodeType === 8) if (t.data === so) v.push({ type: 2, index: a });
       else {
-        let f = -1;
-        for (; (f = t.data.indexOf(w, f + 1)) !== -1; ) h.push({ type: 7, index: a }), f += w.length - 1;
+        let g = -1;
+        for (; (g = t.data.indexOf(O, g + 1)) !== -1; ) v.push({ type: 7, index: a }), g += O.length - 1;
       }
       a++;
     }
   }
   static createElement(e, o) {
-    const r = D.createElement("template");
-    return r.innerHTML = e, r;
+    const s = V.createElement("template");
+    return s.innerHTML = e, s;
   }
 }
-function H(s, e, o = s, r) {
-  var i, v;
+function F(r, e, o = r, s) {
+  var i, u;
   if (e === m) return e;
-  let t = r !== void 0 ? (i = o._$Co) == null ? void 0 : i[r] : o._$Cl;
-  const a = oe(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(s), t._$AT(s, o, r)), r !== void 0 ? (o._$Co ?? (o._$Co = []))[r] = t : o._$Cl = t), t !== void 0 && (e = H(s, t._$AS(s, e.values), t, r)), 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;
 }
-class Po {
+class Eo {
   constructor(e, o) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = o;
   }
@@ -358,30 +358,30 @@ class Po {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: o }, parts: r } = this._$AD, t = ((e == null ? void 0 : e.creationScope) ?? D).importNode(o, !0);
-    j.currentNode = t;
-    let a = j.nextNode(), i = 0, v = 0, h = r[0];
-    for (; h !== void 0; ) {
-      if (i === h.index) {
-        let x;
-        h.type === 2 ? x = new Oe(a, a.nextSibling, this, e) : h.type === 1 ? x = new h.ctor(a, h.name, h.strings, this, e) : h.type === 6 && (x = new Eo(a, this, e)), this._$AV.push(x), h = r[++v];
+    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) {
+        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];
       }
-      i !== (h == null ? void 0 : h.index) && (a = j.nextNode(), i++);
+      i !== (v == null ? void 0 : v.index) && (a = E.nextNode(), i++);
     }
-    return j.currentNode = D, t;
+    return E.currentNode = V, t;
   }
   p(e) {
     let o = 0;
-    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, o), o += r.strings.length - 2) : r._$AI(e[o])), o++;
+    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 Oe {
+class Le {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
-  constructor(e, o, r, t) {
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = e, this._$AB = o, this._$AM = r, this.options = t, this._$Cv = (t == null ? void 0 : t.isConnected) ?? !0;
+  constructor(e, o, s, t) {
+    this.type = 2, this._$AH = x, this._$AN = void 0, this._$AA = e, this._$AB = o, this._$AM = s, this.options = t, this._$Cv = (t == null ? void 0 : t.isConnected) ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -395,7 +395,7 @@ class Oe {
     return this._$AB;
   }
   _$AI(e, o = this) {
-    e = H(this, e, o), oe(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== m && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : $o(e) ? this.k(e) : this._(e);
+    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);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -404,33 +404,33 @@ class Oe {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== u && oe(this._$AH) ? this._$AA.nextSibling.data = e : this.T(D.createTextNode(e)), this._$AH = e;
+    this._$AH !== x && ne(this._$AH) ? this._$AA.nextSibling.data = e : this.T(V.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var a;
-    const { values: o, _$litType$: r } = e, t = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = re.createElement(Jt(r.h, r.h[0]), this.options)), r);
+    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);
     if (((a = this._$AH) == null ? void 0 : a._$AD) === t) this._$AH.p(o);
     else {
-      const i = new Po(t, this), v = i.u(this.options);
-      i.p(o), this.T(v), this._$AH = i;
+      const i = new Eo(t, this), u = i.u(this.options);
+      i.p(o), this.T(u), this._$AH = i;
     }
   }
   _$AC(e) {
-    let o = Ft.get(e.strings);
-    return o === void 0 && Ft.set(e.strings, o = new re(e)), o;
+    let o = Qt.get(e.strings);
+    return o === void 0 && Qt.set(e.strings, o = new le(e)), o;
   }
   k(e) {
-    gt(this._$AH) || (this._$AH = [], this._$AR());
+    Mt(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
-    let r, t = 0;
-    for (const a of e) t === o.length ? o.push(r = new Oe(this.O(te()), this.O(te()), this, this.options)) : r = o[t], r._$AI(a), t++;
-    t < o.length && (this._$AR(r && r._$AB.nextSibling, t), o.length = t);
+    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++;
+    t < o.length && (this._$AR(s && s._$AB.nextSibling, t), o.length = t);
   }
   _$AR(e = this._$AA.nextSibling, o) {
-    var r;
-    for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, o); e !== this._$AB; ) {
-      const t = Mt(e).nextSibling;
-      Mt(e).remove(), e = t;
+    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;
     }
   }
   setConnected(e) {
@@ -438,89 +438,89 @@ class Oe {
     this._$AM === void 0 && (this._$Cv = e, (o = this._$AP) == null || o.call(this, e));
   }
 }
-class Ye {
+class ot {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, o, r, t, a) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = o, this._$AM = t, this.options = a, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = u;
+  constructor(e, o, s, t, a) {
+    this.type = 1, this._$AH = x, this._$AN = void 0, this.element = e, this.name = o, this._$AM = t, this.options = a, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = x;
   }
-  _$AI(e, o = this, r, t) {
+  _$AI(e, o = this, s, t) {
     const a = this.strings;
     let i = !1;
-    if (a === void 0) e = H(this, e, o, 0), i = !oe(e) || e !== this._$AH && e !== m, i && (this._$AH = e);
+    if (a === void 0) e = F(this, e, o, 0), i = !ne(e) || e !== this._$AH && e !== m, i && (this._$AH = e);
     else {
-      const v = e;
-      let h, x;
-      for (e = a[0], h = 0; h < a.length - 1; h++) x = H(this, v[r + h], o, h), x === m && (x = this._$AH[h]), i || (i = !oe(x) || x !== this._$AH[h]), x === u ? e = u : e !== u && (e += (x ?? "") + a[h + 1]), this._$AH[h] = x;
+      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;
     }
     i && !t && this.j(e);
   }
   j(e) {
-    e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === x ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Oo extends Ye {
+class So extends ot {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === u ? void 0 : e;
+    this.element[this.name] = e === x ? void 0 : e;
   }
 }
-class Ao extends Ye {
+class Vo extends ot {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== u);
+    this.element.toggleAttribute(this.name, !!e && e !== x);
   }
 }
-class Co extends Ye {
-  constructor(e, o, r, t, a) {
-    super(e, o, r, t, a), this.type = 5;
+class jo extends ot {
+  constructor(e, o, s, t, a) {
+    super(e, o, s, t, a), this.type = 5;
   }
   _$AI(e, o = this) {
-    if ((e = H(this, e, o, 0) ?? u) === m) return;
-    const r = this._$AH, t = e === u && r !== u || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, a = e !== u && (r === u || t);
-    t && this.element.removeEventListener(this.name, this, r), a && this.element.addEventListener(this.name, this, e), this._$AH = e;
+    if ((e = F(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;
   }
   handleEvent(e) {
     var o;
     typeof this._$AH == "function" ? this._$AH.call(((o = this.options) == null ? void 0 : o.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Eo {
-  constructor(e, o, r) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = r;
+class Do {
+  constructor(e, o, s) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = s;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    H(this, e);
+    F(this, e);
   }
 }
-const at = ee.litHtmlPolyfillSupport;
-at == null || at(re, Oe), (ee.litHtmlVersions ?? (ee.litHtmlVersions = [])).push("3.3.3");
-const So = (s, e, o) => {
-  const r = (o == null ? void 0 : o.renderBefore) ?? e;
-  let t = r._$litPart$;
+const ut = ae.litHtmlPolyfillSupport;
+ut == null || ut(le, Le), (ae.litHtmlVersions ?? (ae.litHtmlVersions = [])).push("3.3.3");
+const Ho = (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;
-    r._$litPart$ = t = new Oe(e.insertBefore(te(), a), a, void 0, o ?? {});
+    s._$litPart$ = t = new Le(e.insertBefore(ie(), a), a, void 0, o ?? {});
   }
-  return t._$AI(s), t;
+  return t._$AI(r), t;
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const k = globalThis;
+const S = globalThis;
 let p = class extends q {
   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 = So(o, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Ho(o, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -546,79 +546,79 @@ let p = class extends q {
     return m;
   }
 };
-var Wt;
-p._$litElement$ = !0, p.finalized = !0, (Wt = k.litElementHydrateSupport) == null || Wt.call(k, { LitElement: p });
-const it = k.litElementPolyfillSupport;
-it == null || it({ LitElement: p });
-(k.litElementVersions ?? (k.litElementVersions = [])).push("4.2.2");
+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");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const d = (s) => (e, o) => {
+const h = (r) => (e, o) => {
   o !== void 0 ? o.addInitializer(() => {
-    customElements.define(s, e);
-  }) : customElements.define(s, e);
+    customElements.define(r, e);
+  }) : customElements.define(r, e);
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const jo = { attribute: !0, type: String, converter: Re, reflect: !1, hasChanged: ft }, ko = (s = jo, e, o) => {
-  const { kind: r, metadata: t } = o;
+const zo = { attribute: !0, type: String, converter: qe, reflect: !1, hasChanged: Ot }, To = (r = zo, 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()), r === "setter" && ((s = Object.create(s)).wrapped = !0), a.set(o.name, s), r === "accessor") {
+  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(v) {
-      const h = e.get.call(this);
-      e.set.call(this, v), this.requestUpdate(i, h, s, !0, v);
-    }, init(v) {
-      return v !== void 0 && this.C(i, void 0, s, v), v;
+    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;
     } };
   }
-  if (r === "setter") {
+  if (s === "setter") {
     const { name: i } = o;
-    return function(v) {
-      const h = this[i];
-      e.call(this, v), this.requestUpdate(i, h, s, !0, v);
+    return function(u) {
+      const v = this[i];
+      e.call(this, u), this.requestUpdate(i, v, r, !0, u);
     };
   }
-  throw Error("Unsupported decorator location: " + r);
+  throw Error("Unsupported decorator location: " + s);
 };
-function n(s) {
-  return (e, o) => typeof o == "object" ? ko(s, e, o) : ((r, t, a) => {
+function n(r) {
+  return (e, o) => typeof o == "object" ? To(r, e, o) : ((s, t, a) => {
     const i = t.hasOwnProperty(a);
-    return t.constructor.createProperty(a, r), i ? Object.getOwnPropertyDescriptor(t, a) : void 0;
-  })(s, e, o);
+    return t.constructor.createProperty(a, s), i ? Object.getOwnPropertyDescriptor(t, a) : void 0;
+  })(r, e, o);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Qt(s) {
-  return n({ ...s, state: !0, attribute: !1 });
+function rt(r) {
+  return n({ ...r, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Do = (s, e, o) => (o.configurable = !0, o.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(s, e, o), o);
+const Bo = (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 bt(s, e) {
-  return (o, r, t) => {
+function Pt(r, e) {
+  return (o, s, t) => {
     const a = (i) => {
-      var v;
-      return ((v = i.renderRoot) == null ? void 0 : v.querySelector(s)) ?? null;
+      var u;
+      return ((u = i.renderRoot) == null ? void 0 : u.querySelector(r)) ?? null;
     };
-    return Do(o, r, { get() {
+    return Bo(o, s, { get() {
       return a(this);
     } });
   };
@@ -628,15 +628,15 @@ function bt(s, e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S = { ATTRIBUTE: 1, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, eo = (s) => (...e) => ({ _$litDirective$: s, values: e });
-class to {
+const L = { ATTRIBUTE: 1, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, lo = (r) => (...e) => ({ _$litDirective$: r, values: e });
+class co {
   constructor(e) {
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(e, o, r) {
-    this._$Ct = e, this._$AM = o, this._$Ci = r;
+  _$AT(e, o, s) {
+    this._$Ct = e, this._$AM = o, this._$Ci = s;
   }
   _$AS(e, o) {
     return this.update(e, o);
@@ -650,22 +650,22 @@ class to {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const zo = eo(class extends to {
-  constructor(s) {
+const No = lo(class extends co {
+  constructor(r) {
     var e;
-    if (super(s), s.type !== S.ATTRIBUTE || s.name !== "class" || ((e = s.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 !== 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.");
   }
-  render(s) {
-    return " " + Object.keys(s).filter((e) => s[e]).join(" ") + " ";
+  render(r) {
+    return " " + Object.keys(r).filter((e) => r[e]).join(" ") + " ";
   }
-  update(s, [e]) {
-    var r, t;
+  update(r, [e]) {
+    var s, t;
     if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((a) => a !== "")));
-      for (const a in e) e[a] && !((r = this.nt) != null && r.has(a)) && this.st.add(a);
+      this.st = /* @__PURE__ */ new Set(), r.strings !== void 0 && (this.nt = new Set(r.strings.join(" ").split(/\s/).filter((a) => a !== "")));
+      for (const a in e) e[a] && !((s = this.nt) != null && s.has(a)) && this.st.add(a);
       return this.render(e);
     }
-    const o = s.element.classList;
+    const o = r.element.classList;
     for (const a of this.st) a in e || (o.remove(a), this.st.delete(a));
     for (const a in e) {
       const i = !!e[a];
@@ -679,39 +679,39 @@ const zo = eo(class extends to {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const I = (s) => s ?? u;
-var To = Object.defineProperty, Bo = Object.getOwnPropertyDescriptor, M = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Bo(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && To(e, o, t), t;
+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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Ro(e, o, t), t;
 };
-let $ = class extends p {
+let _ = class extends p {
   constructor() {
     super(...arguments), this.variant = "brand", this.size = "md", this.type = "button", this.disabled = !1;
   }
   render() {
-    const s = zo({
+    const r = No({
       button: !0,
       [this.variant]: !0,
       [this.size]: !0
     });
-    return this.href !== void 0 && !this.disabled ? l`
+    return this.href !== void 0 && !this.disabled ? c`
         <a
-          class=${s}
+          class=${r}
           href=${this.href}
-          target=${I(this.target)}
-          rel=${I(this.target === "_blank" ? "noreferrer" : void 0)}
+          target=${Z(this.target)}
+          rel=${Z(this.target === "_blank" ? "noreferrer" : void 0)}
         >
           <slot></slot>
         </a>
-      ` : l`
-      <button class=${s} type=${this.type} ?disabled=${this.disabled}>
+      ` : c`
+      <button class=${r} type=${this.type} ?disabled=${this.disabled}>
         <slot></slot>
       </button>
     `;
   }
 };
-$.styles = c`
+_.styles = d`
     :host {
       display: inline-block;
     }
@@ -819,38 +819,38 @@ $.styles = c`
       border-radius: 0 var(--vox-radius-md) var(--vox-radius-md) 0;
     }
   `;
-M([
+R([
   n()
-], $.prototype, "variant", 2);
-M([
+], _.prototype, "variant", 2);
+R([
   n()
-], $.prototype, "size", 2);
-M([
+], _.prototype, "size", 2);
+R([
   n()
-], $.prototype, "href", 2);
-M([
+], _.prototype, "href", 2);
+R([
   n()
-], $.prototype, "target", 2);
-M([
+], _.prototype, "target", 2);
+R([
   n()
-], $.prototype, "type", 2);
-M([
+], _.prototype, "type", 2);
+R([
   n({ type: Boolean, reflect: !0 })
-], $.prototype, "disabled", 2);
-$ = M([
-  d("vox-button")
-], $);
-var Vo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, mt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? No(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Vo(e, o, t), t;
+], _.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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Io(e, o, t), t;
 };
-let se = class extends p {
+let ce = class extends p {
   constructor() {
     super(...arguments), this.href = "#";
   }
   render() {
-    return l`
+    return c`
       <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 se = class extends p {
     `;
   }
 };
-se.styles = c`
+ce.styles = d`
     :host {
       display: inline-block;
       font-family: var(--vox-font-family-base);
@@ -898,60 +898,60 @@ se.styles = c`
       transform: translateX(3px);
     }
   `;
-mt([
+At([
   n()
-], se.prototype, "href", 2);
-mt([
+], ce.prototype, "href", 2);
+At([
   n()
-], se.prototype, "target", 2);
-se = mt([
-  d("vox-cta")
-], se);
-var Ro = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, Ze = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Mo(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Ro(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Fo(e, o, t), t;
 };
-const Kt = "vox-theme", Ve = "data-vox-theme";
-let F = class extends p {
+const eo = "vox-theme", Ue = "data-vox-theme";
+let K = class extends p {
   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 = (s) => {
-      localStorage.getItem(Kt) || document.documentElement.setAttribute(Ve, s.matches ? "dark" : "light");
+    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");
     };
   }
   connectedCallback() {
     super.connectedCallback(), this.syncFromDocument(), this.observer = new MutationObserver(() => this.syncFromDocument()), this.observer.observe(document.documentElement, {
       attributes: !0,
-      attributeFilter: [Ve]
+      attributeFilter: [Ue]
     }), this.media.addEventListener("change", this.handleSystemChange);
   }
   disconnectedCallback() {
-    var s;
-    super.disconnectedCallback(), (s = this.observer) == null || s.disconnect(), this.media.removeEventListener("change", this.handleSystemChange);
+    var r;
+    super.disconnectedCallback(), (r = this.observer) == null || r.disconnect(), this.media.removeEventListener("change", this.handleSystemChange);
   }
   syncFromDocument() {
-    const s = document.documentElement.getAttribute(Ve) === "dark";
-    this.dark = s, this.toggleAttribute("dark", s);
+    const r = document.documentElement.getAttribute(Ue) === "dark";
+    this.dark = r, this.toggleAttribute("dark", r);
   }
   handleClick() {
-    const s = this.dark ? "light" : "dark";
-    document.documentElement.setAttribute(Ve, s), localStorage.setItem(Kt, s), this.dispatchEvent(
+    const r = this.dark ? "light" : "dark";
+    document.documentElement.setAttribute(Ue, r), localStorage.setItem(eo, r), this.dispatchEvent(
       new CustomEvent("vox-theme-change", {
-        detail: { theme: s },
+        detail: { theme: r },
         bubbles: !0,
         composed: !0
       })
     );
   }
   render() {
-    const s = this.dark ? this.darkLabel : this.lightLabel;
-    return l`
+    const r = this.dark ? this.darkLabel : this.lightLabel;
+    return c`
       <button
         type="button"
         role="switch"
         aria-checked=${this.dark}
-        aria-label=${s}
-        title=${s}
+        aria-label=${r}
+        title=${r}
         @click=${this.handleClick}
       >
         <span class="track">
@@ -968,7 +968,7 @@ let F = class extends p {
     `;
   }
 };
-F.styles = c`
+K.styles = d`
     :host {
       display: inline-flex;
     }
@@ -1027,24 +1027,183 @@ F.styles = c`
       transform: translateX(20px);
     }
   `;
-Ze([
+st([
   n({ attribute: "light-label" })
-], F.prototype, "lightLabel", 2);
-Ze([
+], K.prototype, "lightLabel", 2);
+st([
   n({ attribute: "dark-label" })
-], F.prototype, "darkLabel", 2);
-Ze([
-  Qt()
-], F.prototype, "dark", 2);
-F = Ze([
-  d("vox-theme-toggle")
-], F);
-var Uo = Object.defineProperty, Ae = (s, e, o, r) => {
-  for (var t = void 0, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = i(e, o, t) || t);
-  return t && Uo(e, o, t), t;
+], K.prototype, "darkLabel", 2);
+st([
+  rt()
+], K.prototype, "dark", 2);
+K = st([
+  h("vox-theme-toggle")
+], K);
+const j = {
+  // 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"/>`,
+  // 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"/>`,
+  // 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"/>`,
+  // 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"/>`,
+  // 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"/>`
+};
+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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Ko(e, o, t), t;
 };
-const Tt = class Tt extends p {
+let G = class extends p {
+  constructor() {
+    super(...arguments), this.name = "info", this.size = "md";
+  }
+  render() {
+    const r = j[this.name];
+    return r ? c`
+      <svg
+        viewBox="0 0 48 48"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        role=${this.label ? "img" : x}
+        aria-hidden=${this.label ? x : "true"}
+        aria-label=${this.label ?? x}
+      >
+        ${r}
+      </svg>
+    ` : x;
+  }
+};
+G.styles = d`
+    :host {
+      display: inline-flex;
+      flex: none;
+      color: inherit;
+    }
+
+    svg {
+      display: block;
+    }
+
+    :host([size='sm']) svg {
+      width: 16px;
+      height: 16px;
+    }
+
+    :host([size='md']) svg {
+      width: 20px;
+      height: 20px;
+    }
+
+    :host([size='lg']) svg {
+      width: 24px;
+      height: 24px;
+    }
+
+    :host([size='xl']) svg {
+      width: 48px;
+      height: 48px;
+    }
+  `;
+at([
+  n()
+], G.prototype, "name", 2);
+at([
+  n({ reflect: !0 })
+], G.prototype, "size", 2);
+at([
+  n()
+], G.prototype, "label", 2);
+G = at([
+  h("vox-icon")
+], G);
+var Wo = Object.defineProperty, Ee = (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;
+};
+const Ut = class Ut extends p {
   constructor() {
     super(), this.name = "", this.label = "", this.note = "", this.disabled = !1, this.required = !1, this.internals = this.attachInternals();
   }
@@ -1068,34 +1227,34 @@ const Tt = class Tt extends p {
     this.internals.setValidity(e.validity, e.validationMessage, e);
   }
   renderLabel(e) {
-    return this.label ? l`
+    return this.label ? c`
       <label class="label" for=${e}>
-        ${this.label}${this.required ? l`<span class="required-mark" aria-hidden="true"> *</span>` : u}
+        ${this.label}${this.required ? c`<span class="required-mark" aria-hidden="true"> *</span>` : x}
       </label>
-    ` : u;
+    ` : x;
   }
   renderNote() {
-    return this.note ? l`<p class="note">${this.note}</p>` : u;
+    return this.note ? c`<p class="note">${this.note}</p>` : x;
   }
 };
-Tt.formAssociated = !0;
-let b = Tt;
-Ae([
+Ut.formAssociated = !0;
+let y = Ut;
+Ee([
   n()
-], b.prototype, "name");
-Ae([
+], y.prototype, "name");
+Ee([
   n()
-], b.prototype, "label");
-Ae([
+], y.prototype, "label");
+Ee([
   n()
-], b.prototype, "note");
-Ae([
+], y.prototype, "note");
+Ee([
   n({ type: Boolean, reflect: !0 })
-], b.prototype, "disabled");
-Ae([
+], y.prototype, "disabled");
+Ee([
   n({ type: Boolean, reflect: !0 })
-], b.prototype, "required");
-const Ce = c`
+], y.prototype, "required");
+const Se = d`
   :host {
     display: block;
     font-family: var(--vox-font-family-base);
@@ -1162,7 +1321,7 @@ const Ce = c`
   :host([data-vox-group='end']) .control {
     border-radius: 0 var(--vox-radius-md) var(--vox-radius-md) 0;
   }
-`, oo = c`
+`, ho = d`
   :host {
     display: block;
     font-family: var(--vox-font-family-base);
@@ -1191,12 +1350,12 @@ const Ce = c`
     margin: 0;
   }
 `;
-var Lo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, yt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? qo(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Lo(e, o, t), t;
+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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Xo(e, o, t), t;
 };
-let ae = class extends b {
+let de = class extends y {
   constructor() {
     super(...arguments), this.checked = !1, this.value = "on";
   }
@@ -1210,11 +1369,11 @@ let ae = class extends b {
       this.renderRoot.querySelector("input") ?? void 0
     );
   }
-  handleChange(s) {
-    this.checked = s.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
+  handleChange(r) {
+    this.checked = r.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return l`
+    return c`
       <label class="check">
         <input
           type="checkbox"
@@ -1232,9 +1391,9 @@ let ae = class extends b {
     `;
   }
 };
-ae.styles = [
-  oo,
-  c`
+de.styles = [
+  ho,
+  d`
       .box {
         flex: none;
         display: flex;
@@ -1273,21 +1432,21 @@ ae.styles = [
       }
     `
 ];
-yt([
+kt([
   n({ type: Boolean, reflect: !0 })
-], ae.prototype, "checked", 2);
-yt([
+], de.prototype, "checked", 2);
+kt([
   n()
-], ae.prototype, "value", 2);
-ae = yt([
-  d("vox-checkbox")
-], ae);
-var Ho = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, Y = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Io(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Ho(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Jo(e, o, t), t;
 };
-let O = class extends b {
+let P = class extends y {
   constructor() {
     super(...arguments), this.multiple = !1, this.buttonLabel = "Choose a file", this.fileNames = [];
   }
@@ -1295,25 +1454,25 @@ let O = class extends b {
     this.fileNames = [], this.inputEl && (this.inputEl.value = ""), this.internals.setFormValue(null);
   }
   handleChange() {
-    const s = [...this.inputEl.files ?? []];
-    this.fileNames = s.map((o) => o.name);
+    const r = [...this.inputEl.files ?? []];
+    this.fileNames = r.map((o) => o.name);
     const e = new FormData();
-    for (const o of s) e.append(this.name, o);
-    this.internals.setFormValue(s.length > 0 ? e : null), this.internals.setValidity(
-      this.required && s.length === 0 ? { valueMissing: !0 } : {},
+    for (const o of r) e.append(this.name, o);
+    this.internals.setFormValue(r.length > 0 ? e : null), this.internals.setValidity(
+      this.required && r.length === 0 ? { valueMissing: !0 } : {},
       "Please select a file.",
       this.inputEl
     ), this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return l`
+    return c`
       <div class="field">
         ${this.renderLabel("file")}
         <label>
           <input
             id="file"
             type="file"
-            accept=${I(this.accept)}
+            accept=${Z(this.accept)}
             ?multiple=${this.multiple}
             ?disabled=${this.disabled}
             @change=${this.handleChange}
@@ -1330,9 +1489,9 @@ let O = class extends b {
     `;
   }
 };
-O.styles = [
-  Ce,
-  c`
+P.styles = [
+  Se,
+  d`
       input {
         position: absolute;
         width: 1px;
@@ -1380,60 +1539,60 @@ O.styles = [
       }
     `
 ];
-Y([
+te([
   n()
-], O.prototype, "accept", 2);
-Y([
+], P.prototype, "accept", 2);
+te([
   n({ type: Boolean })
-], O.prototype, "multiple", 2);
-Y([
+], P.prototype, "multiple", 2);
+te([
   n({ attribute: "button-label" })
-], O.prototype, "buttonLabel", 2);
-Y([
-  Qt()
-], O.prototype, "fileNames", 2);
-Y([
-  bt("input")
-], O.prototype, "inputEl", 2);
-O = Y([
-  d("vox-file-input")
-], O);
+], P.prototype, "buttonLabel", 2);
+te([
+  rt()
+], P.prototype, "fileNames", 2);
+te([
+  Pt("input")
+], P.prototype, "inputEl", 2);
+P = te([
+  h("vox-file-input")
+], P);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Fo = (s) => s.strings === void 0, Ko = {}, Wo = (s, e = Ko) => s._$AH = e;
+const er = (r) => r.strings === void 0, tr = {}, or = (r, e = tr) => r._$AH = e;
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ro = eo(class extends to {
-  constructor(s) {
-    if (super(s), s.type !== S.PROPERTY && s.type !== S.ATTRIBUTE && s.type !== S.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!Fo(s)) throw Error("`live` bindings can only contain a single expression");
-  }
-  render(s) {
-    return s;
-  }
-  update(s, [e]) {
-    if (e === m || e === u) return e;
-    const o = s.element, r = s.name;
-    if (s.type === S.PROPERTY) {
-      if (e === o[r]) return m;
-    } else if (s.type === S.BOOLEAN_ATTRIBUTE) {
-      if (!!e === o.hasAttribute(r)) return m;
-    } else if (s.type === S.ATTRIBUTE && o.getAttribute(r) === e + "") return m;
-    return Wo(s), e;
+const po = lo(class extends co {
+  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");
+  }
+  render(r) {
+    return r;
+  }
+  update(r, [e]) {
+    if (e === m || e === x) return e;
+    const o = r.element, s = r.name;
+    if (r.type === L.PROPERTY) {
+      if (e === o[s]) return m;
+    } else if (r.type === L.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;
   }
 });
-var Go = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, Z = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Xo(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Go(e, o, t), t;
+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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && rr(e, o, t), t;
 };
-let A = class extends b {
+let A = class extends y {
   constructor() {
     super(...arguments), this.type = "text", this.value = "", this.readonly = !1;
   }
@@ -1442,34 +1601,34 @@ let A = class extends b {
   }
   updated() {
     this.internals.setFormValue(this.value);
-    const s = this.renderRoot.querySelector("input");
-    s && this.syncValidity(s);
+    const r = this.renderRoot.querySelector("input");
+    r && this.syncValidity(r);
   }
-  focus(s) {
+  focus(r) {
     var e;
-    (e = this.renderRoot.querySelector("input")) == null || e.focus(s);
+    (e = this.renderRoot.querySelector("input")) == null || e.focus(r);
   }
-  handleInput(s) {
-    this.value = s.target.value;
+  handleInput(r) {
+    this.value = r.target.value;
   }
   handleChange() {
     this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return l`
+    return c`
       <div class="field">
         ${this.renderLabel("input")}
         <input
           id="input"
           class="control"
           type=${this.type}
-          .value=${ro(this.value)}
-          placeholder=${I(this.placeholder)}
-          autocomplete=${I(this.autocomplete)}
+          .value=${po(this.value)}
+          placeholder=${Z(this.placeholder)}
+          autocomplete=${Z(this.autocomplete)}
           ?required=${this.required}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
-          aria-label=${this.label ? u : "text input"}
+          aria-label=${this.label ? x : "text input"}
           @input=${this.handleInput}
           @change=${this.handleChange}
         />
@@ -1478,47 +1637,47 @@ let A = class extends b {
     `;
   }
 };
-A.styles = Ce;
-Z([
+A.styles = Se;
+oe([
   n()
 ], A.prototype, "type", 2);
-Z([
+oe([
   n()
 ], A.prototype, "value", 2);
-Z([
+oe([
   n()
 ], A.prototype, "placeholder", 2);
-Z([
+oe([
   n()
 ], A.prototype, "autocomplete", 2);
-Z([
+oe([
   n({ type: Boolean, reflect: !0 })
 ], A.prototype, "readonly", 2);
-A = Z([
-  d("vox-input")
+A = oe([
+  h("vox-input")
 ], A);
-var Yo = Object.getOwnPropertyDescriptor, Zo = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Yo(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = i(t) || t);
+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--)
+    (i = r[a]) && (t = i(t) || t);
   return t;
 };
-let nt = class extends p {
-  handleSlotChange(s) {
-    const e = s.target.assignedElements();
-    e.forEach((o, r) => {
-      const t = r === 0 ? "start" : r === e.length - 1 ? "end" : "middle";
+let ft = class extends p {
+  handleSlotChange(r) {
+    const e = r.target.assignedElements();
+    e.forEach((o, s) => {
+      const t = s === 0 ? "start" : s === e.length - 1 ? "end" : "middle";
       o.setAttribute("data-vox-group", t);
     });
   }
   render() {
-    return l`
+    return c`
       <div class="group" role="group">
         <slot @slotchange=${this.handleSlotChange}></slot>
       </div>
     `;
   }
 };
-nt.styles = c`
+ft.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -1560,15 +1719,15 @@ nt.styles = c`
       border-left: none;
     }
   `;
-nt = Zo([
-  d("vox-input-group")
-], nt);
-var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, Je = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Qo(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Jo(e, o, t), t;
+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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && nr(e, o, t), t;
 };
-let K = class extends p {
+let W = class extends p {
   constructor() {
     super(...arguments), this.value = "", this.checked = !1, this.disabled = !1;
   }
@@ -1577,11 +1736,11 @@ let K = class extends p {
       new CustomEvent("vox-radio-select", { bubbles: !0, composed: !0 })
     );
   }
-  handleKeydown(s) {
-    (s.key === " " || s.key === "Enter") && (s.preventDefault(), this.select());
+  handleKeydown(r) {
+    (r.key === " " || r.key === "Enter") && (r.preventDefault(), this.select());
   }
   render() {
-    return l`
+    return c`
       <span
         class="radio"
         role="radio"
@@ -1597,7 +1756,7 @@ let K = class extends p {
     `;
   }
 };
-K.styles = c`
+W.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -1646,24 +1805,24 @@ K.styles = c`
       outline-offset: 2px;
     }
   `;
-Je([
+it([
   n()
-], K.prototype, "value", 2);
-Je([
+], W.prototype, "value", 2);
+it([
   n({ type: Boolean, reflect: !0 })
-], K.prototype, "checked", 2);
-Je([
+], W.prototype, "checked", 2);
+it([
   n({ type: Boolean, reflect: !0 })
-], K.prototype, "disabled", 2);
-K = Je([
-  d("vox-radio")
-], K);
-var er = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, so = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? tr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && er(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && cr(e, o, t), t;
 };
-let Ue = class extends b {
+let Ze = class extends y {
   constructor() {
     super(...arguments), this.value = "";
   }
@@ -1681,38 +1840,38 @@ let Ue = class extends b {
     ), this.syncRadios();
   }
   syncRadios() {
-    const s = this.radios, e = s.some((o) => o.value === this.value && this.value !== "");
-    s.forEach((o, r) => {
+    const r = this.radios, e = r.some((o) => o.value === this.value && this.value !== "");
+    r.forEach((o, s) => {
       var a, i;
       o.checked = this.value !== "" && o.value === this.value;
-      const t = e ? o.checked : r === 0;
+      const t = e ? o.checked : s === 0;
       (i = (a = o.shadowRoot) == null ? void 0 : a.querySelector(".radio")) == null || i.setAttribute("tabindex", t ? "0" : "-1");
     });
   }
-  handleSelect(s) {
-    const e = s.target;
-    !(e instanceof HTMLElement) || e.tagName !== "VOX-RADIO" || (s.stopPropagation(), this.value !== e.value && (this.value = e.value, this.dispatchEvent(new Event("change", { bubbles: !0 }))));
+  handleSelect(r) {
+    const e = r.target;
+    !(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(s) {
-    var v, h;
+  handleKeydown(r) {
+    var u, v;
     const o = {
       ArrowDown: 1,
       ArrowRight: 1,
       ArrowUp: -1,
       ArrowLeft: -1
-    }[s.key];
+    }[r.key];
     if (!o) return;
-    s.preventDefault();
-    const r = this.radios.filter((x) => !x.disabled);
-    if (r.length === 0) return;
-    const t = r.findIndex((x) => x.checked), a = (Math.max(t, 0) + o + r.length) % r.length, i = r[a];
-    i.select(), (h = (v = i.shadowRoot) == null ? void 0 : v.querySelector(".radio")) == null || h.focus();
+    r.preventDefault();
+    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();
   }
   render() {
-    return l`
+    return c`
       <div class="field" role="radiogroup" aria-label=${this.label}>
-        ${this.label ? l`<span class="label">
-              ${this.label}${this.required ? l`<span class="required-mark" aria-hidden="true"> *</span>` : ""}
+        ${this.label ? c`<span class="label">
+              ${this.label}${this.required ? c`<span class="required-mark" aria-hidden="true"> *</span>` : ""}
             </span>` : ""}
         <div
           class="options"
@@ -1726,9 +1885,9 @@ let Ue = class extends b {
     `;
   }
 };
-Ue.styles = [
-  Ce,
-  c`
+Ze.styles = [
+  Se,
+  d`
       .options {
         display: flex;
         flex-direction: column;
@@ -1737,18 +1896,18 @@ Ue.styles = [
       }
     `
 ];
-so([
+vo([
   n()
-], Ue.prototype, "value", 2);
-Ue = so([
-  d("vox-radio-group")
-], Ue);
-var or = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, $t = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? rr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && or(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && hr(e, o, t), t;
 };
-let ie = class extends b {
+let he = class extends y {
   constructor() {
     super(...arguments), this.value = "";
   }
@@ -1760,16 +1919,16 @@ let ie = class extends b {
   }
   syncOptions() {
     if (!this.selectEl) return;
-    const s = this.renderRoot.querySelector("slot");
-    s && (this.selectEl.replaceChildren(
-      ...s.assignedElements().filter((e) => e instanceof HTMLOptionElement || e instanceof HTMLOptGroupElement).map((e) => e.cloneNode(!0))
+    const r = this.renderRoot.querySelector("slot");
+    r && (this.selectEl.replaceChildren(
+      ...r.assignedElements().filter((e) => e instanceof HTMLOptionElement || e instanceof HTMLOptGroupElement).map((e) => e.cloneNode(!0))
     ), this.value && (this.selectEl.value = this.value), this.value = this.selectEl.value);
   }
   handleChange() {
     this.value = this.selectEl.value, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return l`
+    return c`
       <div class="field">
         ${this.renderLabel("select")}
         <select
@@ -1785,9 +1944,9 @@ let ie = class extends b {
     `;
   }
 };
-ie.styles = [
-  Ce,
-  c`
+he.styles = [
+  Se,
+  d`
       select.control {
         appearance: none;
         padding-right: var(--vox-space-8);
@@ -1798,21 +1957,21 @@ ie.styles = [
       }
     `
 ];
-$t([
+Lt([
   n()
-], ie.prototype, "value", 2);
-$t([
-  bt("select")
-], ie.prototype, "selectEl", 2);
-ie = $t([
-  d("vox-select")
-], ie);
-var sr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, _t = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? ar(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && sr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && vr(e, o, t), t;
 };
-let ne = class extends b {
+let pe = class extends y {
   constructor() {
     super(...arguments), this.checked = !1, this.value = "on";
   }
@@ -1822,11 +1981,11 @@ let ne = class extends b {
   updated() {
     this.internals.setFormValue(this.checked ? this.value : null);
   }
-  handleChange(s) {
-    this.checked = s.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
+  handleChange(r) {
+    this.checked = r.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return l`
+    return c`
       <label class="check">
         <input
           type="checkbox"
@@ -1841,9 +2000,9 @@ let ne = class extends b {
     `;
   }
 };
-ne.styles = [
-  oo,
-  c`
+pe.styles = [
+  ho,
+  d`
       .track {
         flex: none;
         position: relative;
@@ -1881,21 +2040,21 @@ ne.styles = [
       }
     `
 ];
-_t([
+Et([
   n({ type: Boolean, reflect: !0 })
-], ne.prototype, "checked", 2);
-_t([
+], pe.prototype, "checked", 2);
+Et([
   n()
-], ne.prototype, "value", 2);
-ne = _t([
-  d("vox-switch")
-], ne);
-var ir = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, Ee = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? nr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && ir(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && xr(e, o, t), t;
 };
-let z = class extends b {
+let D = class extends y {
   constructor() {
     super(...arguments), this.value = "", this.rows = 4, this.readonly = !1;
   }
@@ -1904,29 +2063,29 @@ let z = class extends b {
   }
   updated() {
     this.internals.setFormValue(this.value);
-    const s = this.renderRoot.querySelector("textarea");
-    s && this.syncValidity(s);
+    const r = this.renderRoot.querySelector("textarea");
+    r && this.syncValidity(r);
   }
-  focus(s) {
+  focus(r) {
     var e;
-    (e = this.renderRoot.querySelector("textarea")) == null || e.focus(s);
+    (e = this.renderRoot.querySelector("textarea")) == null || e.focus(r);
   }
-  handleInput(s) {
-    this.value = s.target.value;
+  handleInput(r) {
+    this.value = r.target.value;
   }
   handleChange() {
     this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
-    return l`
+    return c`
       <div class="field">
         ${this.renderLabel("textarea")}
         <textarea
           id="textarea"
           class="control"
           rows=${this.rows}
-          .value=${ro(this.value)}
-          placeholder=${I(this.placeholder)}
+          .value=${po(this.value)}
+          placeholder=${Z(this.placeholder)}
           ?required=${this.required}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
@@ -1938,48 +2097,48 @@ let z = class extends b {
     `;
   }
 };
-z.styles = [
-  Ce,
-  c`
+D.styles = [
+  Se,
+  d`
       textarea.control {
         resize: vertical;
         min-height: 4em;
       }
     `
 ];
-Ee([
+Ve([
   n()
-], z.prototype, "value", 2);
-Ee([
+], D.prototype, "value", 2);
+Ve([
   n()
-], z.prototype, "placeholder", 2);
-Ee([
+], D.prototype, "placeholder", 2);
+Ve([
   n({ type: Number })
-], z.prototype, "rows", 2);
-Ee([
+], D.prototype, "rows", 2);
+Ve([
   n({ type: Boolean, reflect: !0 })
-], z.prototype, "readonly", 2);
-z = Ee([
-  d("vox-textarea")
-], z);
-var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Se = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? cr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && lr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && gr(e, o, t), t;
 };
-let T = class extends p {
+let H = class extends p {
   constructor() {
     super(...arguments), this.alt = "", this.initials = "", this.size = "md";
   }
   render() {
-    return l`
+    return c`
       <span class="avatar" role=${this.src ? "presentation" : "img"} aria-label=${this.alt}>
-        ${this.src ? l`<img src=${this.src} alt=${this.alt} />` : this.initials}
+        ${this.src ? c`<img src=${this.src} alt=${this.alt} />` : this.initials}
       </span>
     `;
   }
 };
-T.styles = c`
+H.styles = d`
     :host {
       display: inline-block;
     }
@@ -2027,36 +2186,36 @@ T.styles = c`
       font-size: 28px;
     }
   `;
-Se([
+je([
   n()
-], T.prototype, "src", 2);
-Se([
+], H.prototype, "src", 2);
+je([
   n()
-], T.prototype, "alt", 2);
-Se([
+], H.prototype, "alt", 2);
+je([
   n()
-], T.prototype, "initials", 2);
-Se([
+], H.prototype, "initials", 2);
+je([
   n({ reflect: !0 })
-], T.prototype, "size", 2);
-T = Se([
-  d("vox-avatar")
-], T);
-var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, wt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? pr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && dr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && yr(e, o, t), t;
 };
-let le = class extends p {
+let ve = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.reverse = !1, this.hasActions = !1;
   }
-  handleActionsSlotChange(s) {
-    const e = s.target;
+  handleActionsSlotChange(r) {
+    const e = r.target;
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return l`
+    return c`
       <div class="billboard">
         <div class="media"><slot name="media"></slot></div>
         <div class="content">
@@ -2070,7 +2229,7 @@ let le = class extends p {
     `;
   }
 };
-le.styles = c`
+ve.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2132,30 +2291,30 @@ le.styles = c`
       display: none;
     }
   `;
-wt([
+St([
   n()
-], le.prototype, "heading", 2);
-wt([
+], ve.prototype, "heading", 2);
+St([
   n({ type: Boolean, reflect: !0 })
-], le.prototype, "reverse", 2);
-le = wt([
-  d("vox-billboard")
-], le);
-var hr = Object.getOwnPropertyDescriptor, vr = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? hr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = i(t) || t);
+], 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--)
+    (i = r[a]) && (t = i(t) || t);
   return t;
 };
-let lt = class extends p {
+let gt = class extends p {
   render() {
-    return l`
+    return c`
       <nav aria-label="Breadcrumbs">
         <slot></slot>
       </nav>
     `;
   }
 };
-lt.styles = c`
+gt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2189,36 +2348,74 @@ lt.styles = c`
       color: var(--vox-color-text-3);
     }
   `;
-lt = vr([
-  d("vox-breadcrumbs")
-], lt);
-var ur = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, Pt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? xr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && ur(e, o, t), t;
+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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && _r(e, o, t), t;
 };
-let ce = class extends p {
+let X = class extends p {
   constructor() {
-    super(...arguments), this.siteTitle = "", this.href = "/";
+    super(...arguments), this.siteTitle = "", this.href = "/", this.mobileOpen = !1, this.handleOutsideClick = (r) => {
+      this.mobileOpen && !r.composedPath().includes(this) && (this.mobileOpen = !1);
+    }, this.handleKeydown = (r) => {
+      var e;
+      r.key === "Escape" && this.mobileOpen && (this.mobileOpen = !1, (e = this.renderRoot.querySelector(".menu-toggle")) == null || e.focus());
+    }, this.toggleMobileMenu = () => {
+      this.mobileOpen = !this.mobileOpen;
+    }, this.closeMobileMenu = () => {
+      this.mobileOpen = !1;
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this.handleOutsideClick), this.addEventListener("keydown", this.handleKeydown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick), this.removeEventListener("keydown", this.handleKeydown);
   }
   render() {
-    return l`
+    return c`
       <header class="header">
         <a class="brand" href=${this.href}>
           <slot name="logo"></slot>
-          ${this.siteTitle ? l`<span>${this.siteTitle}</span>` : u}
+          ${this.siteTitle ? c`<span>${this.siteTitle}</span>` : x}
         </a>
-        <nav aria-label="Main">
-          <slot></slot>
-        </nav>
-        <div class="actions">
-          <slot name="actions"></slot>
+        <button
+          type="button"
+          class="menu-toggle"
+          aria-expanded=${this.mobileOpen ? "true" : "false"}
+          aria-controls="nav-wrap"
+          aria-label=${this.mobileOpen ? "Close menu" : "Open menu"}
+          @click=${this.toggleMobileMenu}
+        >
+          <svg
+            class="menu-icon"
+            viewBox="0 0 48 48"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            ${this.mobileOpen ? j.close : j.menu}
+          </svg>
+        </button>
+        <div id="nav-wrap" class="nav-wrap${this.mobileOpen ? " open" : ""}">
+          <nav aria-label="Main">
+            <slot @click=${this.closeMobileMenu}></slot>
+          </nav>
+          <div class="actions">
+            <slot name="actions"></slot>
+          </div>
         </div>
       </header>
     `;
   }
 };
-ce.styles = c`
+X.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2252,6 +2449,39 @@ ce.styles = c`
       width: auto;
     }
 
+    .menu-toggle {
+      display: none;
+      align-items: center;
+      justify-content: center;
+      width: 36px;
+      height: 36px;
+      margin-left: auto;
+      padding: 0;
+      background: none;
+      border: none;
+      border-radius: var(--vox-radius-sm);
+      color: var(--vox-color-text-1);
+      cursor: pointer;
+    }
+
+    .menu-toggle:hover {
+      color: var(--vox-color-brand-1);
+    }
+
+    .menu-toggle:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: 2px;
+    }
+
+    .menu-icon {
+      width: 22px;
+      height: 22px;
+    }
+
+    .nav-wrap {
+      display: contents;
+    }
+
     nav {
       display: flex;
       align-items: center;
@@ -2282,45 +2512,80 @@ ce.styles = c`
       align-items: center;
       gap: var(--vox-space-3);
     }
+
+    @media (max-width: 768px) {
+      .menu-toggle {
+        display: inline-flex;
+      }
+
+      .nav-wrap {
+        display: none;
+        width: 100%;
+      }
+
+      .nav-wrap.open {
+        display: flex;
+        flex-direction: column;
+        align-items: stretch;
+        gap: var(--vox-space-4);
+        margin-top: var(--vox-space-3);
+        padding-top: var(--vox-space-4);
+        border-top: 1px solid var(--vox-color-divider);
+      }
+
+      nav {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--vox-space-3);
+      }
+
+      .actions {
+        flex-direction: column;
+        align-items: stretch;
+      }
+    }
   `;
-Pt([
+nt([
   n({ attribute: "site-title" })
-], ce.prototype, "siteTitle", 2);
-Pt([
+], X.prototype, "siteTitle", 2);
+nt([
   n()
-], ce.prototype, "href", 2);
-ce = Pt([
-  d("vox-header")
-], ce);
-var fr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, je = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? gr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && fr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Or(e, o, t), t;
 };
-let B = class extends p {
+let z = class extends p {
   constructor() {
     super(...arguments), this.previousLabel = "", this.nextLabel = "";
   }
   render() {
-    return l`
+    return c`
       <nav aria-label="Series">
-        ${this.previousHref ? l`
+        ${this.previousHref ? c`
               <a href=${this.previousHref} rel="prev">
                 <span class="direction">← Previous</span>
                 <span class="title">${this.previousLabel}</span>
               </a>
-            ` : u}
-        ${this.nextHref ? l`
+            ` : x}
+        ${this.nextHref ? c`
               <a class="next" href=${this.nextHref} rel="next">
                 <span class="direction">Next →</span>
                 <span class="title">${this.nextLabel}</span>
               </a>
-            ` : u}
+            ` : x}
       </nav>
     `;
   }
 };
-B.styles = c`
+z.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2370,57 +2635,152 @@ B.styles = c`
       color: var(--vox-color-brand-1);
     }
   `;
-je([
+De([
   n({ attribute: "previous-href" })
-], B.prototype, "previousHref", 2);
-je([
+], z.prototype, "previousHref", 2);
+De([
   n({ attribute: "previous-label" })
-], B.prototype, "previousLabel", 2);
-je([
+], z.prototype, "previousLabel", 2);
+De([
   n({ attribute: "next-href" })
-], B.prototype, "nextHref", 2);
-je([
+], z.prototype, "nextHref", 2);
+De([
   n({ attribute: "next-label" })
-], B.prototype, "nextLabel", 2);
-B = je([
-  d("vox-series-nav")
-], B);
-var br = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, C = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? mr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && br(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Pr(e, o, t), t;
 };
-let Le = class extends p {
+let Y = class extends p {
   constructor() {
-    super(...arguments), this.label = "Section";
+    super(...arguments), this.label = "Section", this.toggleLabel = "Menu", this.mobileOpen = !1, this.handleOutsideClick = (r) => {
+      this.mobileOpen && !r.composedPath().includes(this) && (this.mobileOpen = !1);
+    }, this.handleKeydown = (r) => {
+      var e;
+      r.key === "Escape" && this.mobileOpen && (this.mobileOpen = !1, (e = this.renderRoot.querySelector(".toggle")) == null || e.focus());
+    }, this.toggleMobile = () => {
+      this.mobileOpen = !this.mobileOpen;
+    }, this.handleNavClick = (r) => {
+      r.composedPath().some((e) => e instanceof HTMLAnchorElement) && (this.mobileOpen = !1);
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this.handleOutsideClick), this.addEventListener("keydown", this.handleKeydown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick), this.removeEventListener("keydown", this.handleKeydown);
   }
   render() {
-    return l`
-      <nav aria-label=${this.label}>
+    return c`
+      <button
+        type="button"
+        class="toggle"
+        aria-expanded=${this.mobileOpen ? "true" : "false"}
+        aria-controls="nav"
+        @click=${this.toggleMobile}
+      >
+        ${this.toggleLabel}
+        <svg
+          class="toggle-icon"
+          viewBox="0 0 48 48"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          ${this.mobileOpen ? j.close : j.menu}
+        </svg>
+      </button>
+      <nav
+        id="nav"
+        class=${this.mobileOpen ? "open" : ""}
+        aria-label=${this.label}
+        @click=${this.handleNavClick}
+      >
         <slot></slot>
       </nav>
     `;
   }
 };
-Le.styles = c`
+Y.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
     }
 
+    .toggle {
+      display: none;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      gap: var(--vox-space-2);
+      padding: var(--vox-space-2) var(--vox-space-3);
+      background: none;
+      border: 1px solid var(--vox-color-divider);
+      border-radius: var(--vox-radius-md);
+      color: var(--vox-color-text-1);
+      font-family: inherit;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+    }
+
+    .toggle:hover {
+      border-color: var(--vox-color-brand-1);
+      color: var(--vox-color-brand-1);
+    }
+
+    .toggle:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: 2px;
+    }
+
+    .toggle-icon {
+      width: 18px;
+      height: 18px;
+      flex: none;
+    }
+
     nav {
       display: flex;
       flex-direction: column;
       gap: 2px;
     }
+
+    @media (max-width: 768px) {
+      .toggle {
+        display: flex;
+      }
+
+      nav {
+        display: none;
+        margin-top: var(--vox-space-2);
+      }
+
+      nav.open {
+        display: flex;
+      }
+    }
   `;
-C([
+$([
   n()
-], Le.prototype, "label", 2);
-Le = C([
-  d("vox-sidenav")
-], Le);
-let de = class extends p {
+], Y.prototype, "label", 2);
+$([
+  n({ attribute: "toggle-label" })
+], Y.prototype, "toggleLabel", 2);
+$([
+  rt()
+], Y.prototype, "mobileOpen", 2);
+Y = $([
+  h("vox-sidenav")
+], Y);
+let ue = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1;
   }
@@ -2428,7 +2788,7 @@ let de = class extends p {
     this.open = !this.open;
   }
   render() {
-    return l`
+    return c`
       <button
         class="trigger"
         aria-expanded=${this.open ? "true" : "false"}
@@ -2443,7 +2803,7 @@ let de = class extends p {
     `;
   }
 };
-de.styles = c`
+ue.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2500,35 +2860,44 @@ de.styles = c`
       display: flex;
     }
   `;
-C([
+$([
   n()
-], de.prototype, "heading", 2);
-C([
+], ue.prototype, "heading", 2);
+$([
   n({ type: Boolean, reflect: !0 })
-], de.prototype, "open", 2);
-de = C([
-  d("vox-sidenav-group")
-], de);
-let pe = class extends p {
+], ue.prototype, "open", 2);
+ue = $([
+  h("vox-sidenav-group")
+], ue);
+let xe = class extends p {
   constructor() {
-    super(...arguments), this.href = "#", this.current = !1;
+    super(...arguments), this.href = "#", this.current = !1, this.hasIcon = !1;
+  }
+  handleIconSlotChange(r) {
+    const e = r.target;
+    this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return l`
+    return c`
       <a href=${this.href} aria-current=${this.current ? "page" : "false"}>
+        <span class="icon ${this.hasIcon ? "has-icon" : ""}">
+          <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
+        </span>
         <slot></slot>
       </a>
     `;
   }
 };
-pe.styles = c`
+xe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
     }
 
     a {
-      display: block;
+      display: flex;
+      align-items: center;
+      gap: var(--vox-space-2);
       padding: var(--vox-space-2) var(--vox-space-3);
       border-radius: var(--vox-radius-sm);
       color: var(--vox-color-text-2);
@@ -2553,34 +2922,43 @@ pe.styles = c`
       color: var(--vox-color-brand-1);
       font-weight: 600;
     }
+
+    .icon {
+      display: flex;
+      flex: none;
+    }
+
+    .icon:not(.has-icon) {
+      display: none;
+    }
   `;
-C([
+$([
   n()
-], pe.prototype, "href", 2);
-C([
+], xe.prototype, "href", 2);
+$([
   n({ type: Boolean, reflect: !0 })
-], pe.prototype, "current", 2);
-pe = C([
-  d("vox-sidenav-item")
-], pe);
-var yr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, ao = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? $r(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && yr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && kr(e, o, t), t;
 };
-let qe = class extends p {
+let Ke = class extends p {
   constructor() {
     super(...arguments), this.label = "Secondary";
   }
   render() {
-    return l`
+    return c`
       <nav aria-label=${this.label}>
         <slot></slot>
       </nav>
     `;
   }
 };
-qe.styles = c`
+Ke.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2615,18 +2993,18 @@ qe.styles = c`
       border-bottom-color: var(--vox-color-brand-1);
     }
   `;
-ao([
+uo([
   n()
-], qe.prototype, "label", 2);
-qe = ao([
-  d("vox-subnav")
-], qe);
-var _r = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, U = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? wr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && _r(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Er(e, o, t), t;
 };
-let ct = class extends p {
+let bt = class extends p {
   get tabs() {
     return [...this.querySelectorAll("vox-tab")];
   }
@@ -2634,15 +3012,15 @@ let ct = class extends p {
     return [...this.querySelectorAll("vox-tab-panel")];
   }
   sync() {
-    const s = this.tabs;
-    s.length > 0 && !s.some((o) => o.selected) && (s[0].selected = !0);
-    const e = s.find((o) => o.selected);
+    const r = this.tabs;
+    r.length > 0 && !r.some((o) => o.selected) && (r[0].selected = !0);
+    const e = r.find((o) => o.selected);
     this.panels.forEach((o) => {
       o.active = o.name === (e == null ? void 0 : e.panel);
     });
   }
-  handleSelect(s) {
-    const e = s.target;
+  handleSelect(r) {
+    const e = r.target;
     e.tagName === "VOX-TAB" && (this.tabs.forEach((o) => o.selected = o === e), this.sync(), this.dispatchEvent(
       new CustomEvent("vox-tab-change", {
         detail: { panel: e.panel },
@@ -2651,15 +3029,15 @@ let ct = class extends p {
       })
     ));
   }
-  handleKeydown(s) {
-    const o = { ArrowRight: 1, ArrowLeft: -1 }[s.key];
+  handleKeydown(r) {
+    const o = { ArrowRight: 1, ArrowLeft: -1 }[r.key];
     if (!o) return;
-    s.preventDefault();
-    const r = this.tabs, t = r.findIndex((i) => i.selected), a = r[(t + o + r.length) % r.length];
+    r.preventDefault();
+    const s = this.tabs, t = s.findIndex((i) => i.selected), a = s[(t + o + s.length) % s.length];
     a.select(), a.focusTab();
   }
   render() {
-    return l`
+    return c`
       <div
         class="tablist"
         role="tablist"
@@ -2672,7 +3050,7 @@ let ct = class extends p {
     `;
   }
 };
-ct.styles = c`
+bt.styles = d`
     :host {
       display: block;
     }
@@ -2683,10 +3061,10 @@ ct.styles = c`
       border-bottom: 1px solid var(--vox-color-divider);
     }
   `;
-ct = U([
-  d("vox-tabs")
-], ct);
-let he = class extends p {
+bt = U([
+  h("vox-tabs")
+], bt);
+let fe = class extends p {
   constructor() {
     super(...arguments), this.panel = "", this.selected = !1;
   }
@@ -2696,11 +3074,11 @@ let he = class extends p {
     );
   }
   focusTab() {
-    var s;
-    (s = this.renderRoot.querySelector(".tab")) == null || s.focus();
+    var r;
+    (r = this.renderRoot.querySelector(".tab")) == null || r.focus();
   }
   render() {
-    return l`
+    return c`
       <button
         class="tab"
         role="tab"
@@ -2713,7 +3091,7 @@ let he = class extends p {
     `;
   }
 };
-he.styles = c`
+fe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2750,22 +3128,22 @@ he.styles = c`
   `;
 U([
   n()
-], he.prototype, "panel", 2);
+], fe.prototype, "panel", 2);
 U([
   n({ type: Boolean, reflect: !0 })
-], he.prototype, "selected", 2);
-he = U([
-  d("vox-tab")
-], he);
-let ve = class extends p {
+], fe.prototype, "selected", 2);
+fe = U([
+  h("vox-tab")
+], fe);
+let ge = class extends p {
   constructor() {
     super(...arguments), this.name = "", this.active = !1;
   }
   render() {
-    return l`<div role="tabpanel"><slot></slot></div>`;
+    return c`<div role="tabpanel"><slot></slot></div>`;
   }
 };
-ve.styles = c`
+ge.styles = d`
     :host {
       display: none;
       font-family: var(--vox-font-family-base);
@@ -2781,19 +3159,138 @@ ve.styles = c`
   `;
 U([
   n()
-], ve.prototype, "name", 2);
+], ge.prototype, "name", 2);
 U([
   n({ type: Boolean, reflect: !0 })
-], ve.prototype, "active", 2);
-ve = U([
-  d("vox-tab-panel")
-], ve);
-var Pr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, ke = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Or(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Pr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Vr(e, o, t), t;
+};
+let Ge = class extends p {
+  constructor() {
+    super(...arguments), this.heading = "On this page";
+  }
+  render() {
+    return c`
+      <div class="heading" id="vox-toc-heading">${this.heading}</div>
+      <nav aria-labelledby="vox-toc-heading">
+        <slot></slot>
+      </nav>
+    `;
+  }
+};
+Ge.styles = d`
+    :host {
+      display: block;
+      font-family: var(--vox-font-family-base);
+    }
+
+    .heading {
+      margin: 0 0 var(--vox-space-2);
+      padding-left: var(--vox-space-3);
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--vox-color-text-1);
+    }
+
+    nav {
+      display: flex;
+      flex-direction: column;
+      gap: 1px;
+      border-left: 1px solid var(--vox-color-divider);
+    }
+  `;
+He([
+  n()
+], Ge.prototype, "heading", 2);
+Ge = He([
+  h("vox-toc")
+], Ge);
+let be = class extends p {
+  constructor() {
+    super(...arguments), this.href = "#", this.current = !1, this.hasChildren = !1;
+  }
+  handleChildrenSlotChange(r) {
+    const e = r.target;
+    this.hasChildren = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
+  }
+  render() {
+    return c`
+      <a href=${this.href} aria-current=${this.current ? "true" : "false"}>
+        <slot></slot>
+      </a>
+      <div class="children ${this.hasChildren ? "has-children" : ""}">
+        <slot name="children" @slotchange=${this.handleChildrenSlotChange}></slot>
+      </div>
+    `;
+  }
+};
+be.styles = d`
+    :host {
+      display: block;
+      font-family: var(--vox-font-family-base);
+    }
+
+    a {
+      display: block;
+      margin-left: -1px;
+      padding: var(--vox-space-1) var(--vox-space-3);
+      border-left: 2px solid transparent;
+      color: var(--vox-color-text-2);
+      font-size: 13px;
+      line-height: 1.5;
+      text-decoration: none;
+      transition:
+        color var(--vox-transition-fast),
+        border-color var(--vox-transition-fast);
+    }
+
+    a:hover {
+      color: var(--vox-color-text-1);
+    }
+
+    a:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: -2px;
+    }
+
+    :host([current]) a {
+      border-left-color: var(--vox-color-brand-1);
+      color: var(--vox-color-brand-1);
+      font-weight: 600;
+    }
+
+    .children {
+      display: flex;
+      flex-direction: column;
+      gap: 1px;
+      padding-left: var(--vox-space-3);
+    }
+
+    .children:not(.has-children) {
+      display: none;
+    }
+  `;
+He([
+  n()
+], be.prototype, "href", 2);
+He([
+  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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Dr(e, o, t), t;
 };
-let V = class extends p {
+let T = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1, this.lightDismiss = !1, this.hasFooter = !1;
   }
@@ -2811,17 +3308,17 @@ let V = class extends p {
       new CustomEvent("vox-close", { bubbles: !0, composed: !0 })
     );
   }
-  handleClick(s) {
-    this.lightDismiss && s.target === this.dialogEl && this.close();
+  handleClick(r) {
+    this.lightDismiss && r.target === this.dialogEl && this.close();
   }
-  handleFooterSlotChange(s) {
-    const e = s.target;
+  handleFooterSlotChange(r) {
+    const e = r.target;
     this.hasFooter = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return l`
+    return c`
       <dialog
-        aria-label=${this.heading || u}
+        aria-label=${this.heading || x}
         @close=${this.handleNativeClose}
         @click=${this.handleClick}
       >
@@ -2841,7 +3338,7 @@ let V = class extends p {
     `;
   }
 };
-V.styles = c`
+T.styles = d`
     dialog {
       box-sizing: border-box;
       width: min(90vw, 480px);
@@ -2928,27 +3425,27 @@ V.styles = c`
       margin-bottom: 0;
     }
   `;
-ke([
+ze([
   n()
-], V.prototype, "heading", 2);
-ke([
+], T.prototype, "heading", 2);
+ze([
   n({ type: Boolean })
-], V.prototype, "open", 2);
-ke([
+], T.prototype, "open", 2);
+ze([
   n({ type: Boolean, attribute: "light-dismiss" })
-], V.prototype, "lightDismiss", 2);
-ke([
-  bt("dialog")
-], V.prototype, "dialogEl", 2);
-V = ke([
-  d("vox-dialog")
-], V);
-var Ar = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Ot = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Cr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Ar(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && zr(e, o, t), t;
 };
-let ue = class extends p {
+let ye = class extends p {
   constructor() {
     super(...arguments), this.summary = "Show details", this.open = !1;
   }
@@ -2958,7 +3455,7 @@ let ue = class extends p {
     );
   }
   render() {
-    return l`
+    return c`
       <button
         class="trigger"
         aria-expanded=${this.open ? "true" : "false"}
@@ -2975,7 +3472,7 @@ let ue = class extends p {
     `;
   }
 };
-ue.styles = c`
+ye.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3027,35 +3524,35 @@ ue.styles = c`
       display: none;
     }
   `;
-Ot([
+Vt([
   n()
-], ue.prototype, "summary", 2);
-Ot([
+], ye.prototype, "summary", 2);
+Vt([
   n({ type: Boolean, reflect: !0 })
-], ue.prototype, "open", 2);
-ue = Ot([
-  d("vox-disclosure")
-], ue);
-var Er = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, At = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Sr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Er(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Br(e, o, t), t;
 };
-let xe = class extends p {
+let me = class extends p {
   constructor() {
-    super(...arguments), this.label = "Menu", this.open = !1, this.handleOutsideClick = (s) => {
-      this.open && !s.composedPath().includes(this) && (this.open = !1);
-    }, this.handleKeydown = (s) => {
+    super(...arguments), this.label = "Menu", this.open = !1, this.handleOutsideClick = (r) => {
+      this.open && !r.composedPath().includes(this) && (this.open = !1);
+    }, this.handleKeydown = (r) => {
       var e;
-      if (s.key === "Escape" && this.open) {
+      if (r.key === "Escape" && this.open) {
         this.open = !1, (e = this.renderRoot.querySelector(".trigger")) == null || e.focus();
         return;
       }
-      if ((s.key === "ArrowDown" || s.key === "ArrowUp") && this.open) {
-        s.preventDefault();
+      if ((r.key === "ArrowDown" || r.key === "ArrowUp") && this.open) {
+        r.preventDefault();
         const o = [...this.querySelectorAll("a, button")];
         if (o.length === 0) return;
-        const r = document.activeElement, t = o.indexOf(r), a = s.key === "ArrowDown" ? 1 : -1;
+        const s = document.activeElement, t = o.indexOf(s), a = r.key === "ArrowDown" ? 1 : -1;
         o[(Math.max(t, 0) + a + o.length) % o.length].focus();
       }
     };
@@ -3070,7 +3567,7 @@ let xe = class extends p {
     this.open = !this.open;
   }
   render() {
-    return l`
+    return c`
       <button
         class="trigger"
         aria-expanded=${this.open ? "true" : "false"}
@@ -3088,7 +3585,7 @@ let xe = class extends p {
     `;
   }
 };
-xe.styles = c`
+me.styles = d`
     :host {
       position: relative;
       display: inline-block;
@@ -3187,27 +3684,27 @@ xe.styles = c`
       border-top: 1px solid var(--vox-color-divider);
     }
   `;
-At([
+jt([
   n()
-], xe.prototype, "label", 2);
-At([
+], me.prototype, "label", 2);
+jt([
   n({ type: Boolean, reflect: !0 })
-], xe.prototype, "open", 2);
-xe = At([
-  d("vox-dropdown")
-], xe);
-var jr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, De = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? kr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && jr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Rr(e, o, t), t;
 };
-let He = class extends p {
+let We = class extends p {
   constructor() {
     super(...arguments), this.single = !1;
   }
-  handleToggle(s) {
+  handleToggle(r) {
     if (!this.single) return;
-    const e = s.target;
+    const e = r.target;
     e.open && this.querySelectorAll("vox-accordion-item").forEach(
       (o) => {
         o !== e && (o.open = !1);
@@ -3215,10 +3712,10 @@ let He = class extends p {
     );
   }
   render() {
-    return l`<slot @vox-toggle=${this.handleToggle}></slot>`;
+    return c`<slot @vox-toggle=${this.handleToggle}></slot>`;
   }
 };
-He.styles = c`
+We.styles = d`
     :host {
       display: block;
       border: 1px solid var(--vox-color-divider);
@@ -3230,13 +3727,13 @@ He.styles = c`
       border-top: 1px solid var(--vox-color-divider);
     }
   `;
-De([
+Te([
   n({ type: Boolean })
-], He.prototype, "single", 2);
-He = De([
-  d("vox-accordion")
-], He);
-let fe = class extends p {
+], We.prototype, "single", 2);
+We = Te([
+  h("vox-accordion")
+], We);
+let $e = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1;
   }
@@ -3246,7 +3743,7 @@ let fe = class extends p {
     );
   }
   render() {
-    return l`
+    return c`
       <h3 style="margin:0">
         <button
           class="trigger"
@@ -3265,7 +3762,7 @@ let fe = class extends p {
     `;
   }
 };
-fe.styles = c`
+$e.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3327,21 +3824,27 @@ fe.styles = c`
       margin-bottom: 0;
     }
   `;
-De([
+Te([
   n()
-], fe.prototype, "heading", 2);
-De([
+], $e.prototype, "heading", 2);
+Te([
   n({ type: Boolean, reflect: !0 })
-], fe.prototype, "open", 2);
-fe = De([
-  d("vox-accordion-item")
-], fe);
-var Dr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, ze = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? zr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Dr(e, o, t), t;
+], $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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Ir(e, o, t), t;
 };
-let N = class extends p {
+const Fr = {
+  info: "info",
+  success: "check-circle",
+  warning: "warning",
+  danger: "x-circle"
+};
+let B = class extends p {
   constructor() {
     super(...arguments), this.variant = "info", this.heading = "", this.dismissible = !1, this.open = !0;
   }
@@ -3351,24 +3854,36 @@ let N = class extends p {
     );
   }
   render() {
-    return l`
+    return c`
       <div class="alert ${this.variant}" role="alert">
+        <svg
+          class="icon"
+          viewBox="0 0 48 48"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          ${j[Fr[this.variant]]}
+        </svg>
         <div class="body">
-          ${this.heading ? l`<p class="heading">${this.heading}</p>` : u}
+          ${this.heading ? c`<p class="heading">${this.heading}</p>` : x}
           <slot></slot>
         </div>
-        ${this.dismissible ? l`
+        ${this.dismissible ? c`
               <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" />
                 </svg>
               </button>
-            ` : u}
+            ` : x}
       </div>
     `;
   }
 };
-N.styles = c`
+B.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3394,6 +3909,13 @@ N.styles = c`
       flex: 1 1 auto;
     }
 
+    .icon {
+      flex: none;
+      width: 20px;
+      height: 20px;
+      margin-top: 1px;
+    }
+
     .heading {
       margin: 0 0 var(--vox-space-1);
       font-size: 14px;
@@ -3407,6 +3929,9 @@ N.styles = c`
     .info .heading {
       color: var(--vox-color-brand-1);
     }
+    .info .icon {
+      color: var(--vox-color-brand-1);
+    }
 
     .success {
       background-color: var(--vox-color-tip-soft);
@@ -3415,6 +3940,9 @@ N.styles = c`
     .success .heading {
       color: var(--vox-color-tip-1);
     }
+    .success .icon {
+      color: var(--vox-color-tip-1);
+    }
 
     .warning {
       background-color: var(--vox-color-warning-soft);
@@ -3423,6 +3951,9 @@ N.styles = c`
     .warning .heading {
       color: var(--vox-color-warning-1);
     }
+    .warning .icon {
+      color: var(--vox-color-warning-1);
+    }
 
     .danger {
       background-color: var(--vox-color-danger-soft);
@@ -3431,6 +3962,9 @@ N.styles = c`
     .danger .heading {
       color: var(--vox-color-danger-1);
     }
+    .danger .icon {
+      color: var(--vox-color-danger-1);
+    }
 
     .close {
       flex: none;
@@ -3468,35 +4002,35 @@ N.styles = c`
       margin-bottom: 0;
     }
   `;
-ze([
+Be([
   n()
-], N.prototype, "variant", 2);
-ze([
+], B.prototype, "variant", 2);
+Be([
   n()
-], N.prototype, "heading", 2);
-ze([
+], B.prototype, "heading", 2);
+Be([
   n({ type: Boolean })
-], N.prototype, "dismissible", 2);
-ze([
+], B.prototype, "dismissible", 2);
+Be([
   n({ type: Boolean, reflect: !0 })
-], N.prototype, "open", 2);
-N = ze([
-  d("vox-alert")
-], N);
-var Tr = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, io = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Br(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Tr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Zr(e, o, t), t;
 };
-let Ie = class extends p {
+let Xe = class extends p {
   constructor() {
     super(...arguments), this.variant = "brand";
   }
   render() {
-    return l`<span class="badge ${this.variant}"><slot></slot></span>`;
+    return c`<span class="badge ${this.variant}"><slot></slot></span>`;
   }
 };
-Ie.styles = c`
+Xe.styles = d`
     :host {
       display: inline-block;
     }
@@ -3538,32 +4072,32 @@ Ie.styles = c`
       color: var(--vox-color-text-2);
     }
   `;
-io([
+xo([
   n()
-], Ie.prototype, "variant", 2);
-Ie = io([
-  d("vox-badge")
-], Ie);
-var Vr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ct = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Nr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Vr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Gr(e, o, t), t;
 };
-let ge = class extends p {
+let we = class extends p {
   constructor() {
     super(...arguments), this.date = "";
   }
   render() {
-    const s = /* @__PURE__ */ new Date(`${this.date}T00:00:00`), e = !Number.isNaN(s.getTime()), o = e ? s.toLocaleString(this.locale, { month: "short" }) : "—", r = e ? s.getDate() : "–";
-    return l`
+    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`
       <time class="tile" datetime=${this.date}>
         <span class="month">${o}</span>
-        <span class="day">${r}</span>
+        <span class="day">${s}</span>
       </time>
     `;
   }
 };
-ge.styles = c`
+we.styles = d`
     :host {
       display: inline-block;
       font-family: var(--vox-font-family-base);
@@ -3599,45 +4133,67 @@ ge.styles = c`
       color: var(--vox-color-text-1);
     }
   `;
-Ct([
+Dt([
   n()
-], ge.prototype, "date", 2);
-Ct([
+], we.prototype, "date", 2);
+Dt([
   n()
-], ge.prototype, "locale", 2);
-ge = Ct([
-  d("vox-calendar-tile")
-], ge);
-var Rr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Et = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Mr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Rr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Xr(e, o, t), t;
 };
-const Ur = {
+const Jr = {
   info: "Info",
   tip: "Tip",
   warning: "Warning",
   danger: "Danger"
+}, Qr = {
+  info: "info",
+  tip: "check-circle",
+  warning: "warning",
+  danger: "x-circle"
 };
-let be = class extends p {
+let _e = class extends p {
   constructor() {
     super(...arguments), this.variant = "info";
   }
   render() {
-    return l`
+    return c`
       <div class="callout ${this.variant}" role="note">
-        <p class="heading">${this.heading ?? Ur[this.variant]}</p>
-        <slot></slot>
+        <svg
+          class="icon"
+          viewBox="0 0 48 48"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          ${j[Qr[this.variant]]}
+        </svg>
+        <div class="content">
+          <p class="heading">${this.heading ?? Jr[this.variant]}</p>
+          <slot></slot>
+        </div>
       </div>
     `;
   }
 };
-be.styles = c`
+_e.styles = d`
     :host {
       display: block;
     }
 
     .callout {
+      display: flex;
+      gap: var(--vox-space-3);
+      align-items: flex-start;
       border-radius: var(--vox-radius-md);
       padding: var(--vox-space-4);
       font-family: var(--vox-font-family-base);
@@ -3646,6 +4202,18 @@ be.styles = c`
       color: var(--vox-color-text-2);
     }
 
+    .icon {
+      flex: none;
+      width: 18px;
+      height: 18px;
+      margin-top: 2px;
+    }
+
+    .content {
+      flex: 1 1 auto;
+      min-width: 0;
+    }
+
     .heading {
       margin: 0 0 var(--vox-space-2);
       font-size: 14px;
@@ -3658,6 +4226,9 @@ be.styles = c`
     .info .heading {
       color: var(--vox-color-text-1);
     }
+    .info .icon {
+      color: var(--vox-color-text-1);
+    }
 
     .tip {
       background-color: var(--vox-color-tip-soft);
@@ -3665,6 +4236,9 @@ be.styles = c`
     .tip .heading {
       color: var(--vox-color-tip-1);
     }
+    .tip .icon {
+      color: var(--vox-color-tip-1);
+    }
 
     .warning {
       background-color: var(--vox-color-warning-soft);
@@ -3672,6 +4246,9 @@ be.styles = c`
     .warning .heading {
       color: var(--vox-color-warning-1);
     }
+    .warning .icon {
+      color: var(--vox-color-warning-1);
+    }
 
     .danger {
       background-color: var(--vox-color-danger-soft);
@@ -3679,6 +4256,9 @@ be.styles = c`
     .danger .heading {
       color: var(--vox-color-danger-1);
     }
+    .danger .icon {
+      color: var(--vox-color-danger-1);
+    }
 
     ::slotted(p:first-child) {
       margin-top: 0;
@@ -3688,38 +4268,38 @@ be.styles = c`
       margin-bottom: 0;
     }
   `;
-Et([
+Ht([
   n()
-], be.prototype, "variant", 2);
-Et([
+], _e.prototype, "variant", 2);
+Ht([
   n()
-], be.prototype, "heading", 2);
-be = Et([
-  d("vox-callout")
-], be);
-var Lr = Object.defineProperty, qr = Object.getOwnPropertyDescriptor, Qe = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? qr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Lr(e, o, t), t;
+], _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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && es(e, o, t), t;
 };
-let W = class extends p {
+let J = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasIcon = !1, this.hasBadge = !1, this.hasFooter = !1;
   }
-  handleIconSlotChange(s) {
-    const e = s.target;
+  handleIconSlotChange(r) {
+    const e = r.target;
     this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
-  handleBadgeSlotChange(s) {
-    const e = s.target;
+  handleBadgeSlotChange(r) {
+    const e = r.target;
     this.hasBadge = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
-  handleFooterSlotChange(s) {
-    const e = s.target;
+  handleFooterSlotChange(r) {
+    const e = r.target;
     this.hasFooter = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    const s = l`
+    const r = c`
       <div class="badge ${this.hasBadge ? "has-badge" : ""}">
         <slot name="badge" @slotchange=${this.handleBadgeSlotChange}></slot>
       </div>
@@ -3732,10 +4312,10 @@ let W = class extends p {
         <slot name="footer" @slotchange=${this.handleFooterSlotChange}></slot>
       </div>
     `;
-    return this.href !== void 0 ? l`<a class="card" href=${this.href} target=${this.target ?? u}>${s}</a>` : l`<div class="card">${s}</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>`;
   }
 };
-W.styles = c`
+J.styles = d`
     :host {
       display: block;
     }
@@ -3751,6 +4331,11 @@ W.styles = c`
       border-radius: var(--vox-radius-lg);
       padding: var(--vox-space-6);
       font-family: var(--vox-font-family-base);
+      /* Slotted content (e.g. an icon using stroke="currentColor")
+         inherits from this element's position in the flat tree — when
+         rendered as an <a>, that means the browser's default link color
+         without this, since nothing else in .card sets one. */
+      color: var(--vox-color-text-1);
       text-decoration: none;
       transition: border-color var(--vox-transition-base);
     }
@@ -3815,39 +4400,39 @@ W.styles = c`
       display: none;
     }
   `;
-Qe([
+lt([
   n()
-], W.prototype, "heading", 2);
-Qe([
+], J.prototype, "heading", 2);
+lt([
   n()
-], W.prototype, "href", 2);
-Qe([
+], J.prototype, "href", 2);
+lt([
   n()
-], W.prototype, "target", 2);
-W = Qe([
-  d("vox-card")
-], W);
-var Hr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, no = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Ir(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Hr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && os(e, o, t), t;
 };
-let Fe = class extends p {
+let Ye = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasBody = !1, this.hasActions = !1;
   }
-  handleBodySlotChange(s) {
-    const e = s.target;
+  handleBodySlotChange(r) {
+    const e = r.target;
     this.hasBody = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
-  handleActionsSlotChange(s) {
-    const e = s.target;
+  handleActionsSlotChange(r) {
+    const e = r.target;
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return l`
+    return c`
       <div class="band">
-        ${this.heading ? l`<h2 class="heading">${this.heading}</h2>` : u}
+        ${this.heading ? c`<h2 class="heading">${this.heading}</h2>` : x}
         <div class="body ${this.hasBody ? "has-content" : ""}">
           <slot @slotchange=${this.handleBodySlotChange}></slot>
         </div>
@@ -3858,7 +4443,7 @@ let Fe = class extends p {
     `;
   }
 };
-Fe.styles = c`
+Ye.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3913,23 +4498,23 @@ Fe.styles = c`
       display: none;
     }
   `;
-no([
+fo([
   n()
-], Fe.prototype, "heading", 2);
-Fe = no([
-  d("vox-cta-band")
-], Fe);
-var Fr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, lo = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Kr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Fr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && ss(e, o, t), t;
 };
-let Ke = class extends p {
+let Je = class extends p {
   constructor() {
     super(...arguments), this.heading = "";
   }
   render() {
-    return l`
+    return c`
       <div class="empty">
         <div class="icon"><slot name="icon"></slot></div>
         <h3 class="heading">${this.heading}</h3>
@@ -3939,7 +4524,7 @@ let Ke = class extends p {
     `;
   }
 };
-Ke.styles = c`
+Je.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3983,20 +4568,20 @@ Ke.styles = c`
       margin-top: var(--vox-space-4);
     }
   `;
-lo([
+go([
   n()
-], Ke.prototype, "heading", 2);
-Ke = lo([
-  d("vox-empty-state")
-], Ke);
-var Wr = Object.defineProperty, Gr = Object.getOwnPropertyDescriptor, St = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Gr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Wr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && is(e, o, t), t;
 };
-let dt = class extends p {
+let yt = class extends p {
   render() {
-    return l`
+    return c`
       <footer>
         <div class="inner">
           <div class="columns"><slot></slot></div>
@@ -4006,7 +4591,7 @@ let dt = class extends p {
     `;
   }
 };
-dt.styles = c`
+yt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4034,21 +4619,21 @@ dt.styles = c`
       color: var(--vox-color-text-3);
     }
   `;
-dt = St([
-  d("vox-footer")
-], dt);
-let We = class extends p {
+yt = zt([
+  h("vox-footer")
+], yt);
+let Qe = class extends p {
   constructor() {
     super(...arguments), this.heading = "";
   }
   render() {
-    return l`
+    return c`
       <h3 class="heading">${this.heading}</h3>
       <div class="links"><slot></slot></div>
     `;
   }
 };
-We.styles = c`
+Qe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4080,18 +4665,18 @@ We.styles = c`
       text-decoration: underline;
     }
   `;
-St([
+zt([
   n()
-], We.prototype, "heading", 2);
-We = St([
-  d("vox-footer-column")
-], We);
-var Xr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, et = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Yr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Xr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && ls(e, o, t), t;
 };
-let G = class extends p {
+let Q = class extends p {
   constructor() {
     super(...arguments), this.cols = 0, this.min = "240px", this.gap = "md";
   }
@@ -4099,10 +4684,10 @@ let G = 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 l`<slot></slot>`;
+    return c`<slot></slot>`;
   }
 };
-G.styles = c`
+Q.styles = d`
     :host {
       display: grid;
     }
@@ -4119,35 +4704,35 @@ G.styles = c`
       gap: var(--vox-space-6);
     }
   `;
-et([
+ct([
   n({ type: Number })
-], G.prototype, "cols", 2);
-et([
+], Q.prototype, "cols", 2);
+ct([
   n()
-], G.prototype, "min", 2);
-et([
+], Q.prototype, "min", 2);
+ct([
   n({ reflect: !0 })
-], G.prototype, "gap", 2);
-G = et([
-  d("vox-grid")
-], G);
-var Zr = Object.defineProperty, Jr = Object.getOwnPropertyDescriptor, jt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? Jr(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Zr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && ds(e, o, t), t;
 };
-let me = class extends p {
+let Ce = class extends p {
   constructor() {
     super(...arguments), this.eyebrow = "", this.heading = "", this.hasActions = !1;
   }
-  handleActionsSlotChange(s) {
-    const e = s.target;
+  handleActionsSlotChange(r) {
+    const e = r.target;
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return l`
+    return c`
       <header class="hero">
-        ${this.eyebrow ? l`<p class="eyebrow">${this.eyebrow}</p>` : u}
+        ${this.eyebrow ? c`<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" : ""}">
@@ -4157,7 +4742,7 @@ let me = class extends p {
     `;
   }
 };
-me.styles = c`
+Ce.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4214,43 +4799,50 @@ me.styles = c`
       display: none;
     }
   `;
-jt([
+Tt([
   n()
-], me.prototype, "eyebrow", 2);
-jt([
+], Ce.prototype, "eyebrow", 2);
+Tt([
   n()
-], me.prototype, "heading", 2);
-me = jt([
-  d("vox-hero")
-], me);
-var Qr = Object.defineProperty, es = Object.getOwnPropertyDescriptor, tt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? es(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && Qr(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && ps(e, o, t), t;
 };
-let pt = class extends p {
+let mt = class extends p {
   render() {
-    return l`<slot></slot>`;
+    return c`<slot></slot>`;
   }
 };
-pt.styles = c`
+mt.styles = d`
     :host {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
       gap: var(--vox-space-4);
     }
   `;
-pt = tt([
-  d("vox-link-hub")
-], pt);
-let ye = class extends p {
+mt = dt([
+  h("vox-link-hub")
+], mt);
+let Oe = class extends p {
   constructor() {
-    super(...arguments), this.href = "#", this.heading = "";
+    super(...arguments), this.href = "#", this.heading = "", this.hasIcon = !1;
+  }
+  handleIconSlotChange(r) {
+    const e = r.target;
+    this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return l`
+    return c`
       <a href=${this.href}>
         <span class="heading">
+          <span class="icon ${this.hasIcon ? "has-icon" : ""}">
+            <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
+          </span>
           ${this.heading}
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
             <path d="M5 12h14" />
@@ -4262,12 +4854,21 @@ let ye = class extends p {
     `;
   }
 };
-ye.styles = c`
+Oe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
     }
 
+    .icon {
+      display: flex;
+      flex: none;
+    }
+
+    .icon:not(.has-icon) {
+      display: none;
+    }
+
     a {
       display: block;
       height: 100%;
@@ -4314,26 +4915,26 @@ ye.styles = c`
       color: var(--vox-color-text-2);
     }
   `;
-tt([
+dt([
   n()
-], ye.prototype, "href", 2);
-tt([
+], Oe.prototype, "href", 2);
+dt([
   n()
-], ye.prototype, "heading", 2);
-ye = tt([
-  d("vox-link-hub-item")
-], ye);
-var ts = Object.defineProperty, os = Object.getOwnPropertyDescriptor, kt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? os(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && ts(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && us(e, o, t), t;
 };
-let $e = class extends p {
+let Me = class extends p {
   constructor() {
     super(...arguments), this.size = "md", this.label = "Loading";
   }
   render() {
-    return l`
+    return c`
       <div role="status">
         <div class="spinner"></div>
         <span class="visually-hidden">${this.label}</span>
@@ -4341,7 +4942,7 @@ let $e = class extends p {
     `;
   }
 };
-$e.styles = c`
+Me.styles = d`
     :host {
       display: inline-block;
     }
@@ -4394,33 +4995,33 @@ $e.styles = c`
       white-space: nowrap;
     }
   `;
-kt([
+Bt([
   n({ reflect: !0 })
-], $e.prototype, "size", 2);
-kt([
+], Me.prototype, "size", 2);
+Bt([
   n()
-], $e.prototype, "label", 2);
-$e = kt([
-  d("vox-loader")
-], $e);
-var rs = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, co = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? ss(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && rs(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && fs(e, o, t), t;
 };
-let Ge = class extends p {
+let et = class extends p {
   constructor() {
     super(...arguments), this.label = "Pagination";
   }
   render() {
-    return l`
+    return c`
       <nav aria-label=${this.label}>
         <slot></slot>
       </nav>
     `;
   }
 };
-Ge.styles = c`
+et.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4460,36 +5061,36 @@ Ge.styles = c`
       font-weight: 600;
     }
   `;
-co([
+bo([
   n()
-], Ge.prototype, "label", 2);
-Ge = co([
-  d("vox-pagination")
-], Ge);
-var as = Object.defineProperty, is = Object.getOwnPropertyDescriptor, Dt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? is(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && as(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && bs(e, o, t), t;
 };
-let _e = class extends p {
+let Pe = class extends p {
   constructor() {
     super(...arguments), this.attribution = "", this.detail = "";
   }
   render() {
-    return l`
+    return c`
       <blockquote>
         <div class="text"><slot></slot></div>
-        ${this.attribution ? l`
+        ${this.attribution ? c`
               <footer>
                 <span class="attribution">${this.attribution}</span>
-                ${this.detail ? l`<span class="detail"> — ${this.detail}</span>` : u}
+                ${this.detail ? c`<span class="detail"> — ${this.detail}</span>` : x}
               </footer>
-            ` : u}
+            ` : x}
       </blockquote>
     `;
   }
 };
-_e.styles = c`
+Pe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4531,30 +5132,30 @@ _e.styles = c`
       color: var(--vox-color-text-2);
     }
   `;
-Dt([
+Nt([
   n()
-], _e.prototype, "attribution", 2);
-Dt([
+], Pe.prototype, "attribution", 2);
+Nt([
   n()
-], _e.prototype, "detail", 2);
-_e = Dt([
-  d("vox-quote")
-], _e);
-var ns = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, L = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? ls(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && ns(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && ms(e, o, t), t;
 };
-let Xe = class extends p {
+let tt = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasDescription = !1;
   }
-  handleDescriptionSlotChange(s) {
-    const e = s.target;
+  handleDescriptionSlotChange(r) {
+    const e = r.target;
     this.hasDescription = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    return l`
+    return c`
       <h2 class="heading">${this.heading}</h2>
       <div class="description ${this.hasDescription ? "has-content" : ""}">
         <slot
@@ -4568,7 +5169,7 @@ let Xe = class extends p {
     `;
   }
 };
-Xe.styles = c`
+tt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4600,39 +5201,39 @@ Xe.styles = c`
       margin-top: var(--vox-space-6);
     }
   `;
-L([
+I([
   n()
-], Xe.prototype, "heading", 2);
-Xe = L([
-  d("vox-sponsor-tier")
-], Xe);
-let R = class extends p {
+], tt.prototype, "heading", 2);
+tt = I([
+  h("vox-sponsor-tier")
+], tt);
+let N = class extends p {
   constructor() {
     super(...arguments), this.name = "", this.hasBody = !1;
   }
-  handleBodySlotChange(s) {
-    const e = s.target;
+  handleBodySlotChange(r) {
+    const e = r.target;
     this.hasBody = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    const s = l`
+    const r = c`
       <div class="logo ${this.logo ? "has-logo" : ""}">
-        ${this.logo ? l`<img src=${this.logo} alt=${this.name} />` : u}
+        ${this.logo ? c`<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 ? l`<a
+    return this.href !== void 0 ? c`<a
           class="sponsor"
           href=${this.href}
-          target=${this.target ?? u}
-          >${s}</a
-        >` : l`<div class="sponsor">${s}</div>`;
+          target=${this.target ?? x}
+          >${r}</a
+        >` : c`<div class="sponsor">${r}</div>`;
   }
 };
-R.styles = c`
+N.styles = d`
     :host {
       display: block;
     }
@@ -4698,39 +5299,39 @@ R.styles = c`
       display: none;
     }
   `;
-L([
+I([
   n()
-], R.prototype, "name", 2);
-L([
+], N.prototype, "name", 2);
+I([
   n()
-], R.prototype, "href", 2);
-L([
+], N.prototype, "href", 2);
+I([
   n()
-], R.prototype, "logo", 2);
-L([
+], N.prototype, "logo", 2);
+I([
   n()
-], R.prototype, "target", 2);
-R = L([
-  d("vox-sponsor")
-], R);
-var cs = Object.defineProperty, ds = Object.getOwnPropertyDescriptor, zt = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? ds(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && cs(e, o, t), t;
+], 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 = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && ws(e, o, t), t;
 };
-let we = class extends p {
+let Ae = class extends p {
   constructor() {
     super(...arguments), this.value = "", this.label = "";
   }
   render() {
-    return l`
+    return c`
       <div class="value">${this.value}</div>
       <div class="label">${this.label}</div>
       <div class="description"><slot></slot></div>
     `;
   }
 };
-we.styles = c`
+Ae.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4757,35 +5358,35 @@ we.styles = c`
       color: var(--vox-color-text-2);
     }
   `;
-zt([
+Rt([
   n()
-], we.prototype, "value", 2);
-zt([
+], Ae.prototype, "value", 2);
+Rt([
   n()
-], we.prototype, "label", 2);
-we = zt([
-  d("vox-stat")
-], we);
-var ps = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, Te = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? hs(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && ps(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Cs(e, o, t), t;
 };
-let ht = class extends p {
+let $t = class extends p {
   numberSteps() {
-    this.querySelectorAll("vox-step").forEach((s, e) => {
-      s.number = e + 1;
+    this.querySelectorAll("vox-step").forEach((r, e) => {
+      r.number = e + 1;
     });
   }
   render() {
-    return l`
+    return c`
       <div class="steps" role="list" aria-label="Progress">
         <slot @slotchange=${this.numberSteps}></slot>
       </div>
     `;
   }
 };
-ht.styles = c`
+$t.styles = d`
     :host {
       display: block;
     }
@@ -4799,22 +5400,22 @@ ht.styles = c`
       flex: 1 1 0;
     }
   `;
-ht = Te([
-  d("vox-step-indicator")
-], ht);
-let X = class extends p {
+$t = Ne([
+  h("vox-step-indicator")
+], $t);
+let ee = class extends p {
   constructor() {
     super(...arguments), this.label = "", this.state = "upcoming", this.number = 1;
   }
   render() {
-    return l`
+    return c`
       <div
         class="step"
         role="listitem"
         aria-current=${this.state === "current" ? "step" : "false"}
       >
         <span class="marker">
-          ${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">
+          ${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">
                 <path d="m4 12 5 5L20 6" />
               </svg>` : this.number}
         </span>
@@ -4823,7 +5424,7 @@ let X = class extends p {
     `;
   }
 };
-X.styles = c`
+ee.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4897,52 +5498,52 @@ X.styles = c`
       color: var(--vox-color-text-1);
     }
   `;
-Te([
+Ne([
   n()
-], X.prototype, "label", 2);
-Te([
+], ee.prototype, "label", 2);
+Ne([
   n({ reflect: !0 })
-], X.prototype, "state", 2);
-Te([
+], ee.prototype, "state", 2);
+Ne([
   n({ type: Number })
-], X.prototype, "number", 2);
-X = Te([
-  d("vox-step")
-], X);
-var vs = Object.defineProperty, us = Object.getOwnPropertyDescriptor, ot = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? us(e, o) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (t = (r ? i(e, o, t) : i(t)) || t);
-  return r && t && vs(e, o, t), t;
+], 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--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Ms(e, o, t), t;
 };
-let vt = class extends p {
+let wt = class extends p {
   render() {
-    return l`<slot></slot>`;
+    return c`<slot></slot>`;
   }
 };
-vt.styles = c`
+wt.styles = d`
     :host {
       display: block;
     }
   `;
-vt = ot([
-  d("vox-timeline")
-], vt);
-let Pe = class extends p {
+wt = ht([
+  h("vox-timeline")
+], wt);
+let ke = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.date = "";
   }
   render() {
-    return l`
+    return c`
       <div class="item">
         <span class="dot" aria-hidden="true"></span>
-        ${this.date ? l`<div class="date">${this.date}</div>` : u}
+        ${this.date ? c`<div class="date">${this.date}</div>` : x}
         <h3 class="heading">${this.heading}</h3>
         <div class="body"><slot></slot></div>
       </div>
     `;
   }
 };
-Pe.styles = c`
+ke.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4992,66 +5593,69 @@ Pe.styles = c`
       color: var(--vox-color-text-2);
     }
   `;
-ot([
+ht([
   n()
-], Pe.prototype, "heading", 2);
-ot([
+], ke.prototype, "heading", 2);
+ht([
   n()
-], Pe.prototype, "date", 2);
-Pe = ot([
-  d("vox-timeline-item")
-], Pe);
+], ke.prototype, "date", 2);
+ke = ht([
+  h("vox-timeline-item")
+], ke);
 export {
-  He as VoxAccordion,
-  fe as VoxAccordionItem,
-  N as VoxAlert,
-  T as VoxAvatar,
-  Ie as VoxBadge,
-  le as VoxBillboard,
-  lt as VoxBreadcrumbs,
-  $ as VoxButton,
-  ge as VoxCalendarTile,
-  be as VoxCallout,
-  W as VoxCard,
-  ae as VoxCheckbox,
-  se as VoxCta,
-  Fe as VoxCtaBand,
-  V as VoxDialog,
-  ue as VoxDisclosure,
-  xe as VoxDropdown,
-  Ke as VoxEmptyState,
-  O as VoxFileInput,
-  dt as VoxFooter,
-  We as VoxFooterColumn,
-  G as VoxGrid,
-  ce as VoxHeader,
-  me as VoxHero,
+  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,
-  nt as VoxInputGroup,
-  pt as VoxLinkHub,
-  ye as VoxLinkHubItem,
-  $e as VoxLoader,
-  Ge as VoxPagination,
-  _e as VoxQuote,
-  K as VoxRadio,
-  Ue as VoxRadioGroup,
-  ie as VoxSelect,
-  B as VoxSeriesNav,
-  Le as VoxSidenav,
-  de as VoxSidenavGroup,
-  pe as VoxSidenavItem,
-  R as VoxSponsor,
-  Xe as VoxSponsorTier,
-  we as VoxStat,
-  X as VoxStep,
-  ht as VoxStepIndicator,
-  qe as VoxSubnav,
-  ne as VoxSwitch,
-  he as VoxTab,
-  ve as VoxTabPanel,
-  ct as VoxTabs,
-  z as VoxTextarea,
-  F as VoxThemeToggle,
-  vt as VoxTimeline,
-  Pe as VoxTimelineItem
+  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
 };