@openvoxproject/voxblocks 0.12.0 → 0.14.0

package/dist/cdn/voxblocks.js

@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Je = globalThis, jt = Je.ShadowRoot && (Je.ShadyCSS === void 0 || Je.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, zt = Symbol(), Qt = /* @__PURE__ */ new WeakMap();
-let bo = class {
+const Ze = globalThis, kt = Ze.ShadowRoot && (Ze.ShadyCSS === void 0 || Ze.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Lt = Symbol(), Gt = /* @__PURE__ */ new WeakMap();
+let lo = class {
   constructor(e, o, s) {
-    if (this._$cssResult$ = !0, s !== zt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== Lt) 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 (jt && e === void 0) {
+    if (kt && e === void 0) {
       const s = o !== void 0 && o.length === 1;
-      s && (e = Qt.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && Qt.set(o, e));
+      s && (e = Gt.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && Gt.set(o, e));
     }
     return e;
   }
@@ -22,33 +22,33 @@ let bo = class {
     return this.cssText;
   }
 };
-const Do = (r) => new bo(typeof r == "string" ? r : r + "", void 0, zt), d = (r, ...e) => {
+const Mo = (r) => new lo(typeof r == "string" ? r : r + "", void 0, Lt), d = (r, ...e) => {
   const o = r.length === 1 ? r[0] : e.reduce((s, t, a) => s + ((i) => {
     if (i._$cssResult$ === !0) return i.cssText;
     if (typeof i == "number") return i;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(t) + r[a + 1], r[0]);
-  return new bo(o, r, zt);
-}, Ho = (r, e) => {
-  if (jt) r.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  return new lo(o, r, Lt);
+}, Po = (r, e) => {
+  if (kt) r.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
   else for (const o of e) {
-    const s = document.createElement("style"), t = Je.litNonce;
+    const s = document.createElement("style"), t = Ze.litNonce;
     t !== void 0 && s.setAttribute("nonce", t), s.textContent = o.cssText, r.appendChild(s);
   }
-}, eo = jt ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
+}, Xt = kt ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
   let o = "";
   for (const s of e.cssRules) o += s.cssText;
-  return Do(o);
+  return Mo(o);
 })(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: To, defineProperty: Bo, getOwnPropertyDescriptor: No, getOwnPropertyNames: Ro, getOwnPropertySymbols: Uo, getPrototypeOf: Io } = Object, P = globalThis, to = P.trustedTypes, qo = to ? to.emptyScript : "", $t = P.reactiveElementPolyfillSupport, de = (r, e) => r, Qe = { toAttribute(r, e) {
+const { is: Ao, defineProperty: ko, getOwnPropertyDescriptor: Lo, getOwnPropertyNames: Eo, getOwnPropertySymbols: So, getPrototypeOf: jo } = Object, M = globalThis, Jt = M.trustedTypes, Vo = Jt ? Jt.emptyScript : "", gt = M.reactiveElementPolyfillSupport, ie = (r, e) => r, Ke = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      r = r ? qo : null;
+      r = r ? Vo : null;
       break;
     case Object:
     case Array:
@@ -73,44 +73,44 @@ const { is: To, defineProperty: Bo, getOwnPropertyDescriptor: No, getOwnProperty
       }
   }
   return o;
-} }, Vt = (r, e) => !To(r, e), oo = { attribute: !0, type: String, converter: Qe, reflect: !1, useDefault: !1, hasChanged: Vt };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), P.litPropertyMetadata ?? (P.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let Y = class extends HTMLElement {
+} }, Et = (r, e) => !Ao(r, e), Yt = { attribute: !0, type: String, converter: Ke, reflect: !1, useDefault: !1, hasChanged: Et };
+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);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, o = oo) {
+  static createProperty(e, o = Yt) {
     if (o.state && (o.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((o = Object.create(o)).wrapped = !0), this.elementProperties.set(e, o), !o.noAccessor) {
       const s = Symbol(), t = this.getPropertyDescriptor(e, s, o);
-      t !== void 0 && Bo(this.prototype, e, t);
+      t !== void 0 && ko(this.prototype, e, t);
     }
   }
   static getPropertyDescriptor(e, o, s) {
-    const { get: t, set: a } = No(this.prototype, e) ?? { get() {
+    const { get: t, set: a } = Lo(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, s);
+      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) ?? oo;
+    return this.elementProperties.get(e) ?? Yt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(de("elementProperties"))) return;
-    const e = Io(this);
+    if (this.hasOwnProperty(ie("elementProperties"))) return;
+    const e = jo(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(de("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(de("properties"))) {
-      const o = this.properties, s = [...Ro(o), ...Uo(o)];
+    if (this.hasOwnProperty(ie("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ie("properties"))) {
+      const o = this.properties, s = [...Eo(o), ...So(o)];
       for (const t of s) this.createProperty(t, o[t]);
     }
     const e = this[Symbol.metadata];
@@ -129,8 +129,8 @@ let Y = class extends HTMLElement {
     const o = [];
     if (Array.isArray(e)) {
       const s = new Set(e.flat(1 / 0).reverse());
-      for (const t of s) o.unshift(eo(t));
-    } else e !== void 0 && o.push(eo(e));
+      for (const t of s) o.unshift(Xt(t));
+    } else e !== void 0 && o.push(Xt(e));
     return o;
   }
   static _$Eu(e, o) {
@@ -159,7 +159,7 @@ let Y = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Ho(e, this.constructor.elementStyles), e;
+    return Po(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -184,7 +184,7 @@ let Y = class extends HTMLElement {
     var a;
     const s = this.constructor.elementProperties.get(e), t = this.constructor._$Eu(e, s);
     if (t !== void 0 && s.reflect === !0) {
-      const i = (((a = s.converter) == null ? void 0 : a.toAttribute) !== void 0 ? s.converter : Qe).toAttribute(o, s.type);
+      const i = (((a = s.converter) == null ? void 0 : a.toAttribute) !== void 0 ? s.converter : Ke).toAttribute(o, s.type);
       this._$Em = e, i == null ? this.removeAttribute(t) : this.setAttribute(t, i), this._$Em = null;
     }
   }
@@ -192,17 +192,17 @@ let Y = class extends HTMLElement {
     var a, i;
     const s = this.constructor, t = s._$Eh.get(e);
     if (t !== void 0 && this._$Em !== t) {
-      const v = s.getPropertyOptions(t), u = typeof v.converter == "function" ? { fromAttribute: v.converter } : ((a = v.converter) == null ? void 0 : a.fromAttribute) !== void 0 ? v.converter : Qe;
+      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 : Ke;
       this._$Em = t;
-      const f = u.fromAttribute(o, v.type);
+      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, s, t = !1, a) {
     var i;
     if (e !== void 0) {
-      const v = this.constructor;
-      if (t === !1 && (a = this[e]), s ?? (s = v.getPropertyOptions(e)), !((s.hasChanged ?? Vt)(a, o) || s.useDefault && s.reflect && a === ((i = this._$Ej) == null ? void 0 : i.get(e)) && !this.hasAttribute(v._$Eu(e, s)))) return;
+      const u = this.constructor;
+      if (t === !1 && (a = this[e]), s ?? (s = u.getPropertyOptions(e)), !((s.hasChanged ?? Et)(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());
@@ -233,8 +233,8 @@ let Y = class extends HTMLElement {
       }
       const t = this.constructor.elementProperties;
       if (t.size > 0) for (const [a, i] of t) {
-        const { wrapped: v } = i, u = this[a];
-        v !== !0 || this._$AL.has(a) || u === void 0 || this.C(a, void 0, i, u);
+        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;
@@ -278,76 +278,76 @@ let Y = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-Y.elementStyles = [], Y.shadowRootOptions = { mode: "open" }, Y[de("elementProperties")] = /* @__PURE__ */ new Map(), Y[de("finalized")] = /* @__PURE__ */ new Map(), $t == null || $t({ ReactiveElement: Y }), (P.reactiveElementVersions ?? (P.reactiveElementVersions = [])).push("2.1.2");
+q.elementStyles = [], q.shadowRootOptions = { mode: "open" }, q[ie("elementProperties")] = /* @__PURE__ */ new Map(), q[ie("finalized")] = /* @__PURE__ */ new Map(), gt == null || gt({ ReactiveElement: q }), (M.reactiveElementVersions ?? (M.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const pe = globalThis, ro = (r) => r, et = pe.trustedTypes, so = et ? et.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, yo = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, mo = "?" + A, Zo = `<${mo}>`, H = document, he = () => H.createComment(""), ve = (r) => r === null || typeof r != "object" && typeof r != "function", Dt = Array.isArray, Fo = (r) => Dt(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", wt = `[ 	
-\f\r]`, ce = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ao = /-->/g, io = />/g, j = RegExp(`>|${wt}(?:([^\\s"'>=/]+)(${wt}*=${wt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), no = /'/g, lo = /"/g, $o = /^(?:script|style|textarea|title)$/i, wo = (r) => (e, ...o) => ({ _$litType$: r, strings: e, values: o }), l = wo(1), c = wo(2), m = Symbol.for("lit-noChange"), x = Symbol.for("lit-nothing"), co = /* @__PURE__ */ new WeakMap(), V = H.createTreeWalker(H, 129);
-function _o(r, e) {
-  if (!Dt(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return so !== void 0 ? so.createHTML(e) : e;
+const ne = globalThis, Qt = (r) => r, We = ne.trustedTypes, eo = We ? We.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, co = "$lit$", O = `lit$${Math.random().toFixed(9).slice(2)}$`, ho = "?" + O, Do = `<${ho}>`, j = document, le = () => j.createComment(""), ce = (r) => r === null || typeof r != "object" && typeof r != "function", St = Array.isArray, zo = (r) => St(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", bt = `[ 	
+\f\r]`, ae = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, to = /-->/g, oo = />/g, k = RegExp(`>|${bt}(?:([^\\s"'>=/]+)(${bt}*=${bt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ro = /'/g, so = /"/g, po = /^(?:script|style|textarea|title)$/i, vo = (r) => (e, ...o) => ({ _$litType$: r, strings: e, values: o }), l = vo(1), c = vo(2), y = Symbol.for("lit-noChange"), x = Symbol.for("lit-nothing"), ao = /* @__PURE__ */ new WeakMap(), E = j.createTreeWalker(j, 129);
+function uo(r, e) {
+  if (!St(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return eo !== void 0 ? eo.createHTML(e) : e;
 }
-const Ko = (r, e) => {
+const Ho = (r, e) => {
   const o = r.length - 1, s = [];
-  let t, a = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", i = ce;
-  for (let v = 0; v < o; v++) {
-    const u = r[v];
-    let f, b, g = -1, _ = 0;
-    for (; _ < u.length && (i.lastIndex = _, b = i.exec(u), b !== null); ) _ = i.lastIndex, i === ce ? b[1] === "!--" ? i = ao : b[1] !== void 0 ? i = io : b[2] !== void 0 ? ($o.test(b[2]) && (t = RegExp("</" + b[2], "g")), i = j) : b[3] !== void 0 && (i = j) : i === j ? b[0] === ">" ? (i = t ?? ce, g = -1) : b[1] === void 0 ? g = -2 : (g = i.lastIndex - b[2].length, f = b[1], i = b[3] === void 0 ? j : b[3] === '"' ? lo : no) : i === lo || i === no ? i = j : i === ao || i === io ? i = ce : (i = j, t = void 0);
-    const M = i === j && r[v + 1].startsWith("/>") ? " " : "";
-    a += i === ce ? u + Zo : g >= 0 ? (s.push(f), u.slice(0, g) + yo + u.slice(g) + A + M) : u + A + (g === -2 ? v : M);
-  }
-  return [_o(r, a + (r[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
+  let t, a = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", i = ae;
+  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 === ae ? b[1] === "!--" ? i = to : b[1] !== void 0 ? i = oo : b[2] !== void 0 ? (po.test(b[2]) && (t = RegExp("</" + b[2], "g")), i = k) : b[3] !== void 0 && (i = k) : i === k ? b[0] === ">" ? (i = t ?? ae, 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] === '"' ? so : ro) : i === so || i === ro ? i = k : i === to || i === oo ? i = ae : (i = k, t = void 0);
+    const C = i === k && r[u + 1].startsWith("/>") ? " " : "";
+    a += i === ae ? v + Do : g >= 0 ? (s.push(f), v.slice(0, g) + co + v.slice(g) + O + C) : v + O + (g === -2 ? u : C);
+  }
+  return [uo(r, a + (r[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
-class ue {
+class de {
   constructor({ strings: e, _$litType$: o }, s) {
     let t;
     this.parts = [];
     let a = 0, i = 0;
-    const v = e.length - 1, u = this.parts, [f, b] = Ko(e, o);
-    if (this.el = ue.createElement(f, s), V.currentNode = this.el.content, o === 2 || o === 3) {
+    const u = e.length - 1, v = this.parts, [f, b] = Ho(e, o);
+    if (this.el = de.createElement(f, s), E.currentNode = this.el.content, o === 2 || o === 3) {
       const g = this.el.content.firstChild;
       g.replaceWith(...g.childNodes);
     }
-    for (; (t = V.nextNode()) !== null && u.length < v; ) {
+    for (; (t = E.nextNode()) !== null && v.length < u; ) {
       if (t.nodeType === 1) {
-        if (t.hasAttributes()) for (const g of t.getAttributeNames()) if (g.endsWith(yo)) {
-          const _ = b[i++], M = t.getAttribute(g).split(A), Ge = /([.?@])?(.*)/.exec(_);
-          u.push({ type: 1, index: a, name: Ge[2], strings: M, ctor: Ge[1] === "." ? Yo : Ge[1] === "?" ? Wo : Ge[1] === "@" ? Xo : pt }), t.removeAttribute(g);
-        } else g.startsWith(A) && (u.push({ type: 6, index: a }), t.removeAttribute(g));
-        if ($o.test(t.tagName)) {
-          const g = t.textContent.split(A), _ = g.length - 1;
-          if (_ > 0) {
-            t.textContent = et ? et.emptyScript : "";
-            for (let M = 0; M < _; M++) t.append(g[M], he()), V.nextNode(), u.push({ type: 2, index: ++a });
-            t.append(g[_], he());
+        if (t.hasAttributes()) for (const g of t.getAttributeNames()) if (g.endsWith(co)) {
+          const w = b[i++], C = t.getAttribute(g).split(O), qe = /([.?@])?(.*)/.exec(w);
+          v.push({ type: 1, index: a, name: qe[2], strings: C, ctor: qe[1] === "." ? Bo : qe[1] === "?" ? No : qe[1] === "@" ? Ro : it }), t.removeAttribute(g);
+        } else g.startsWith(O) && (v.push({ type: 6, index: a }), t.removeAttribute(g));
+        if (po.test(t.tagName)) {
+          const g = t.textContent.split(O), w = g.length - 1;
+          if (w > 0) {
+            t.textContent = We ? We.emptyScript : "";
+            for (let C = 0; C < w; C++) t.append(g[C], le()), E.nextNode(), v.push({ type: 2, index: ++a });
+            t.append(g[w], le());
           }
         }
-      } else if (t.nodeType === 8) if (t.data === mo) u.push({ type: 2, index: a });
+      } else if (t.nodeType === 8) if (t.data === ho) v.push({ type: 2, index: a });
       else {
         let g = -1;
-        for (; (g = t.data.indexOf(A, g + 1)) !== -1; ) u.push({ type: 7, index: a }), g += A.length - 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 s = H.createElement("template");
+    const s = j.createElement("template");
     return s.innerHTML = e, s;
   }
 }
-function W(r, e, o = r, s) {
-  var i, v;
-  if (e === m) return e;
+function F(r, e, o = r, s) {
+  var i, u;
+  if (e === y) return e;
   let t = s !== void 0 ? (i = o._$Co) == null ? void 0 : i[s] : o._$Cl;
-  const a = ve(e) ? void 0 : e._$litDirective$;
-  return (t == null ? void 0 : t.constructor) !== a && ((v = t == null ? void 0 : t._$AO) == null || v.call(t, !1), a === void 0 ? t = void 0 : (t = new a(r), t._$AT(r, o, s)), s !== void 0 ? (o._$Co ?? (o._$Co = []))[s] = t : o._$Cl = t), t !== void 0 && (e = W(r, t._$AS(r, e.values), t, s)), e;
+  const a = ce(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 Go {
+class To {
   constructor(e, o) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = o;
   }
@@ -358,24 +358,24 @@ class Go {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: o }, parts: s } = this._$AD, t = ((e == null ? void 0 : e.creationScope) ?? H).importNode(o, !0);
-    V.currentNode = t;
-    let a = V.nextNode(), i = 0, v = 0, u = s[0];
-    for (; u !== void 0; ) {
-      if (i === u.index) {
+    const { el: { content: o }, parts: s } = this._$AD, t = ((e == null ? void 0 : e.creationScope) ?? j).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;
-        u.type === 2 ? f = new De(a, a.nextSibling, this, e) : u.type === 1 ? f = new u.ctor(a, u.name, u.strings, this, e) : u.type === 6 && (f = new Jo(a, this, e)), this._$AV.push(f), u = s[++v];
+        v.type === 2 ? f = new Se(a, a.nextSibling, this, e) : v.type === 1 ? f = new v.ctor(a, v.name, v.strings, this, e) : v.type === 6 && (f = new Io(a, this, e)), this._$AV.push(f), v = s[++u];
       }
-      i !== (u == null ? void 0 : u.index) && (a = V.nextNode(), i++);
+      i !== (v == null ? void 0 : v.index) && (a = E.nextNode(), i++);
     }
-    return V.currentNode = H, t;
+    return E.currentNode = j, t;
   }
   p(e) {
     let o = 0;
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, o), o += s.strings.length - 2) : s._$AI(e[o])), o++;
   }
 }
-class De {
+class Se {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
@@ -395,7 +395,7 @@ class De {
     return this._$AB;
   }
   _$AI(e, o = this) {
-    e = W(this, e, o), ve(e) ? e === x || e == null || e === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : e !== this._$AH && e !== m && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Fo(e) ? this.k(e) : this._(e);
+    e = F(this, e, o), ce(e) ? e === x || e == null || e === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : e !== this._$AH && e !== y && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : zo(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -404,33 +404,33 @@ class De {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== x && ve(this._$AH) ? this._$AA.nextSibling.data = e : this.T(H.createTextNode(e)), this._$AH = e;
+    this._$AH !== x && ce(this._$AH) ? this._$AA.nextSibling.data = e : this.T(j.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var a;
-    const { values: o, _$litType$: s } = e, t = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = ue.createElement(_o(s.h, s.h[0]), this.options)), s);
+    const { values: o, _$litType$: s } = e, t = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = de.createElement(uo(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 Go(t, this), v = i.u(this.options);
-      i.p(o), this.T(v), this._$AH = i;
+      const i = new To(t, this), u = i.u(this.options);
+      i.p(o), this.T(u), this._$AH = i;
     }
   }
   _$AC(e) {
-    let o = co.get(e.strings);
-    return o === void 0 && co.set(e.strings, o = new ue(e)), o;
+    let o = ao.get(e.strings);
+    return o === void 0 && ao.set(e.strings, o = new de(e)), o;
   }
   k(e) {
-    Dt(this._$AH) || (this._$AH = [], this._$AR());
+    St(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
     let s, t = 0;
-    for (const a of e) t === o.length ? o.push(s = new De(this.O(he()), this.O(he()), this, this.options)) : s = o[t], s._$AI(a), t++;
+    for (const a of e) t === o.length ? o.push(s = new Se(this.O(le()), this.O(le()), this, this.options)) : s = o[t], s._$AI(a), t++;
     t < o.length && (this._$AR(s && s._$AB.nextSibling, t), o.length = t);
   }
   _$AR(e = this._$AA.nextSibling, o) {
     var s;
     for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, o); e !== this._$AB; ) {
-      const t = ro(e).nextSibling;
-      ro(e).remove(), e = t;
+      const t = Qt(e).nextSibling;
+      Qt(e).remove(), e = t;
     }
   }
   setConnected(e) {
@@ -438,7 +438,7 @@ class De {
     this._$AM === void 0 && (this._$Cv = e, (o = this._$AP) == null || o.call(this, e));
   }
 }
-class pt {
+class it {
   get tagName() {
     return this.element.tagName;
   }
@@ -451,11 +451,11 @@ class pt {
   _$AI(e, o = this, s, t) {
     const a = this.strings;
     let i = !1;
-    if (a === void 0) e = W(this, e, o, 0), i = !ve(e) || e !== this._$AH && e !== m, i && (this._$AH = e);
+    if (a === void 0) e = F(this, e, o, 0), i = !ce(e) || e !== this._$AH && e !== y, i && (this._$AH = e);
     else {
-      const v = e;
-      let u, f;
-      for (e = a[0], u = 0; u < a.length - 1; u++) f = W(this, v[s + u], o, u), f === m && (f = this._$AH[u]), i || (i = !ve(f) || f !== this._$AH[u]), f === x ? e = x : e !== x && (e += (f ?? "") + a[u + 1]), this._$AH[u] = f;
+      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 === y && (f = this._$AH[v]), i || (i = !ce(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);
   }
@@ -463,7 +463,7 @@ class pt {
     e === x ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Yo extends pt {
+class Bo extends it {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -471,7 +471,7 @@ class Yo extends pt {
     this.element[this.name] = e === x ? void 0 : e;
   }
 }
-class Wo extends pt {
+class No extends it {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -479,12 +479,12 @@ class Wo extends pt {
     this.element.toggleAttribute(this.name, !!e && e !== x);
   }
 }
-class Xo extends pt {
+class Ro extends it {
   constructor(e, o, s, t, a) {
     super(e, o, s, t, a), this.type = 5;
   }
   _$AI(e, o = this) {
-    if ((e = W(this, e, o, 0) ?? x) === m) return;
+    if ((e = F(this, e, o, 0) ?? x) === y) return;
     const s = this._$AH, t = e === x && s !== x || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, a = e !== x && (s === x || t);
     t && this.element.removeEventListener(this.name, this, s), a && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -493,7 +493,7 @@ class Xo extends pt {
     typeof this._$AH == "function" ? this._$AH.call(((o = this.options) == null ? void 0 : o.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Jo {
+class Io {
   constructor(e, o, s) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = s;
   }
@@ -501,17 +501,17 @@ class Jo {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    W(this, e);
+    F(this, e);
   }
 }
-const _t = pe.litHtmlPolyfillSupport;
-_t == null || _t(ue, De), (pe.litHtmlVersions ?? (pe.litHtmlVersions = [])).push("3.3.3");
-const Qo = (r, e, o) => {
+const mt = ne.litHtmlPolyfillSupport;
+mt == null || mt(de, Se), (ne.litHtmlVersions ?? (ne.litHtmlVersions = [])).push("3.3.3");
+const Uo = (r, e, o) => {
   const s = (o == null ? void 0 : o.renderBefore) ?? e;
   let t = s._$litPart$;
   if (t === void 0) {
     const a = (o == null ? void 0 : o.renderBefore) ?? null;
-    s._$litPart$ = t = new De(e.insertBefore(he(), a), a, void 0, o ?? {});
+    s._$litPart$ = t = new Se(e.insertBefore(le(), a), a, void 0, o ?? {});
   }
   return t._$AI(r), t;
 };
@@ -520,8 +520,8 @@ const Qo = (r, e, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = globalThis;
-let h = class extends Y {
+const S = globalThis;
+let p = class extends q {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -532,7 +532,7 @@ let h = class extends Y {
   }
   update(e) {
     const o = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Qo(o, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Uo(o, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -543,20 +543,20 @@ let h = class extends Y {
     super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
   }
   render() {
-    return m;
+    return y;
   }
 };
-var go;
-h._$litElement$ = !0, h.finalized = !0, (go = D.litElementHydrateSupport) == null || go.call(D, { LitElement: h });
-const Ct = D.litElementPolyfillSupport;
-Ct == null || Ct({ LitElement: h });
-(D.litElementVersions ?? (D.litElementVersions = [])).push("4.2.2");
+var no;
+p._$litElement$ = !0, p.finalized = !0, (no = S.litElementHydrateSupport) == null || no.call(S, { LitElement: p });
+const yt = S.litElementPolyfillSupport;
+yt == null || yt({ LitElement: p });
+(S.litElementVersions ?? (S.litElementVersions = [])).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const p = (r) => (e, o) => {
+const h = (r) => (e, o) => {
   o !== void 0 ? o.addInitializer(() => {
     customElements.define(r, e);
   }) : customElements.define(r, e);
@@ -566,29 +566,29 @@ const p = (r) => (e, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const er = { attribute: !0, type: String, converter: Qe, reflect: !1, hasChanged: Vt }, tr = (r = er, e, o) => {
+const qo = { attribute: !0, type: String, converter: Ke, reflect: !1, hasChanged: Et }, Fo = (r = qo, e, o) => {
   const { kind: s, metadata: t } = o;
   let a = globalThis.litPropertyMetadata.get(t);
   if (a === void 0 && globalThis.litPropertyMetadata.set(t, a = /* @__PURE__ */ new Map()), s === "setter" && ((r = Object.create(r)).wrapped = !0), a.set(o.name, r), s === "accessor") {
     const { name: i } = o;
-    return { set(v) {
-      const u = e.get.call(this);
-      e.set.call(this, v), this.requestUpdate(i, u, r, !0, v);
-    }, init(v) {
-      return v !== void 0 && this.C(i, void 0, r, v), v;
+    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 (s === "setter") {
     const { name: i } = o;
-    return function(v) {
-      const u = this[i];
-      e.call(this, v), this.requestUpdate(i, u, r, !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: " + s);
 };
 function n(r) {
-  return (e, o) => typeof o == "object" ? tr(r, e, o) : ((s, t, a) => {
+  return (e, o) => typeof o == "object" ? Fo(r, e, o) : ((s, t, a) => {
     const i = t.hasOwnProperty(a);
     return t.constructor.createProperty(a, s), i ? Object.getOwnPropertyDescriptor(t, a) : void 0;
   })(r, e, o);
@@ -598,7 +598,7 @@ function n(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function ie(r) {
+function nt(r) {
   return n({ ...r, state: !0, attribute: !1 });
 }
 /**
@@ -606,19 +606,19 @@ function ie(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const or = (r, e, o) => (o.configurable = !0, o.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, o), o);
+const Zo = (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 Ht(r, e) {
+function jt(r, e) {
   return (o, s, t) => {
     const a = (i) => {
-      var v;
-      return ((v = i.renderRoot) == null ? void 0 : v.querySelector(r)) ?? null;
+      var u;
+      return ((u = i.renderRoot) == null ? void 0 : u.querySelector(r)) ?? null;
     };
-    return or(o, s, { get() {
+    return Zo(o, s, { get() {
       return a(this);
     } });
   };
@@ -628,8 +628,8 @@ function Ht(r, e) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z = { ATTRIBUTE: 1, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, Co = (r) => (...e) => ({ _$litDirective$: r, values: e });
-class Oo {
+const L = { ATTRIBUTE: 1, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, xo = (r) => (...e) => ({ _$litDirective$: r, values: e });
+class fo {
   constructor(e) {
   }
   get _$AU() {
@@ -650,10 +650,10 @@ class Oo {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rr = Co(class extends Oo {
+const Ko = xo(class extends fo {
   constructor(r) {
     var e;
-    if (super(r), r.type !== z.ATTRIBUTE || r.name !== "class" || ((e = r.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+    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(r) {
     return " " + Object.keys(r).filter((e) => r[e]).join(" ") + " ";
@@ -671,7 +671,7 @@ const rr = Co(class extends Oo {
       const i = !!e[a];
       i === this.st.has(a) || (t = this.nt) != null && t.has(a) || (i ? (o.add(a), this.st.add(a)) : (o.remove(a), this.st.delete(a)));
     }
-    return m;
+    return y;
   }
 });
 /**
@@ -679,18 +679,18 @@ const rr = Co(class extends Oo {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const X = (r) => r ?? x;
-var sr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, q = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ar(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+const Z = (r) => r ?? x;
+var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, R = (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 && sr(e, o, t), t;
+  return s && t && Wo(e, o, t), t;
 };
-let C = class extends h {
+let _ = class extends p {
   constructor() {
     super(...arguments), this.variant = "brand", this.size = "md", this.type = "button", this.disabled = !1;
   }
   render() {
-    const r = rr({
+    const r = Ko({
       button: !0,
       [this.variant]: !0,
       [this.size]: !0
@@ -699,8 +699,8 @@ let C = class extends h {
         <a
           class=${r}
           href=${this.href}
-          target=${X(this.target)}
-          rel=${X(this.target === "_blank" ? "noreferrer" : void 0)}
+          target=${Z(this.target)}
+          rel=${Z(this.target === "_blank" ? "noreferrer" : void 0)}
         >
           <slot></slot>
         </a>
@@ -711,7 +711,7 @@ let C = class extends h {
     `;
   }
 };
-C.styles = d`
+_.styles = d`
     :host {
       display: inline-block;
     }
@@ -819,33 +819,33 @@ C.styles = d`
       border-radius: 0 var(--vox-radius-md) var(--vox-radius-md) 0;
     }
   `;
-q([
+R([
   n()
-], C.prototype, "variant", 2);
-q([
+], _.prototype, "variant", 2);
+R([
   n()
-], C.prototype, "size", 2);
-q([
+], _.prototype, "size", 2);
+R([
   n()
-], C.prototype, "href", 2);
-q([
+], _.prototype, "href", 2);
+R([
   n()
-], C.prototype, "target", 2);
-q([
+], _.prototype, "target", 2);
+R([
   n()
-], C.prototype, "type", 2);
-q([
+], _.prototype, "type", 2);
+R([
   n({ type: Boolean, reflect: !0 })
-], C.prototype, "disabled", 2);
-C = q([
-  p("vox-button")
-], C);
-var ir = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, Tt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? nr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], _.prototype, "disabled", 2);
+_ = R([
+  h("vox-button")
+], _);
+var Xo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, Vt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Jo(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ir(e, o, t), t;
+  return s && t && Xo(e, o, t), t;
 };
-let xe = class extends h {
+let he = class extends p {
   constructor() {
     super(...arguments), this.href = "#";
   }
@@ -861,7 +861,7 @@ let xe = class extends h {
     `;
   }
 };
-xe.styles = d`
+he.styles = d`
     :host {
       display: inline-block;
       font-family: var(--vox-font-family-base);
@@ -898,31 +898,31 @@ xe.styles = d`
       transform: translateX(3px);
     }
   `;
-Tt([
+Vt([
   n()
-], xe.prototype, "href", 2);
-Tt([
+], he.prototype, "href", 2);
+Vt([
   n()
-], xe.prototype, "target", 2);
-xe = Tt([
-  p("vox-cta")
-], xe);
-var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, ht = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? cr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], he.prototype, "target", 2);
+he = Vt([
+  h("vox-cta")
+], he);
+var Yo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, lt = (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 && lr(e, o, t), t;
+  return s && t && Yo(e, o, t), t;
 };
-const po = "vox-theme", Ye = "data-vox-theme";
-let J = class extends h {
+const io = "vox-theme", Fe = "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 = (r) => {
-      localStorage.getItem(po) || document.documentElement.setAttribute(Ye, r.matches ? "dark" : "light");
+      localStorage.getItem(io) || document.documentElement.setAttribute(Fe, r.matches ? "dark" : "light");
     };
   }
   connectedCallback() {
     super.connectedCallback(), this.syncFromDocument(), this.observer = new MutationObserver(() => this.syncFromDocument()), this.observer.observe(document.documentElement, {
       attributes: !0,
-      attributeFilter: [Ye]
+      attributeFilter: [Fe]
     }), this.media.addEventListener("change", this.handleSystemChange);
   }
   disconnectedCallback() {
@@ -930,12 +930,12 @@ let J = class extends h {
     super.disconnectedCallback(), (r = this.observer) == null || r.disconnect(), this.media.removeEventListener("change", this.handleSystemChange);
   }
   syncFromDocument() {
-    const r = document.documentElement.getAttribute(Ye) === "dark";
+    const r = document.documentElement.getAttribute(Fe) === "dark";
     this.dark = r, this.toggleAttribute("dark", r);
   }
   handleClick() {
     const r = this.dark ? "light" : "dark";
-    document.documentElement.setAttribute(Ye, r), localStorage.setItem(po, r), this.dispatchEvent(
+    document.documentElement.setAttribute(Fe, r), localStorage.setItem(io, r), this.dispatchEvent(
       new CustomEvent("vox-theme-change", {
         detail: { theme: r },
         bubbles: !0,
@@ -968,7 +968,7 @@ let J = class extends h {
     `;
   }
 };
-J.styles = d`
+K.styles = d`
     :host {
       display: inline-flex;
     }
@@ -1027,19 +1027,19 @@ J.styles = d`
       transform: translateX(20px);
     }
   `;
-ht([
+lt([
   n({ attribute: "light-label" })
-], J.prototype, "lightLabel", 2);
-ht([
+], K.prototype, "lightLabel", 2);
+lt([
   n({ attribute: "dark-label" })
-], J.prototype, "darkLabel", 2);
-ht([
-  ie()
-], J.prototype, "dark", 2);
-J = ht([
-  p("vox-theme-toggle")
-], J);
-const k = {
+], K.prototype, "darkLabel", 2);
+lt([
+  nt()
+], K.prototype, "dark", 2);
+K = lt([
+  h("vox-theme-toggle")
+], K);
+const V = {
   // Phase 1: shared UI baseline -----------------------------------------
   search: c`<circle cx="21" cy="21" r="13"/><path d="M30.5 30.5 L41 41"/>`,
   close: c`<path d="M14 14 L34 34 M34 14 L14 34"/>`,
@@ -1127,17 +1127,17 @@ const k = {
   accessibility: c`<circle cx="24" cy="24" r="18"/><circle cx="24" cy="16" r="2.6" fill="currentColor" stroke="none"/><path d="M14 21 H34 M24 21 V32 M24 25 L18 34 M24 25 L30 34"/>`,
   settings: c`<circle cx="24" cy="24" r="7"/><path d="M24 6 V12 M24 36 V42 M6 24 H12 M36 24 H42 M11 11 L15.2 15.2 M32.8 32.8 L37 37 M37 11 L32.8 15.2 M15.2 32.8 L11 37"/>`
 };
-var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, vt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? pr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+var er = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, ct = (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 && dr(e, o, t), t;
+  return s && t && er(e, o, t), t;
 };
-let Q = class extends h {
+let W = class extends p {
   constructor() {
     super(...arguments), this.name = "info", this.size = "md";
   }
   render() {
-    const r = k[this.name];
+    const r = V[this.name];
     return r ? l`
       <svg
         viewBox="0 0 48 48"
@@ -1155,7 +1155,7 @@ let Q = class extends h {
     ` : x;
   }
 };
-Q.styles = d`
+W.styles = d`
     :host {
       display: inline-flex;
       flex: none;
@@ -1186,24 +1186,24 @@ Q.styles = d`
       height: 48px;
     }
   `;
-vt([
+ct([
   n()
-], Q.prototype, "name", 2);
-vt([
+], W.prototype, "name", 2);
+ct([
   n({ reflect: !0 })
-], Q.prototype, "size", 2);
-vt([
+], W.prototype, "size", 2);
+ct([
   n()
-], Q.prototype, "label", 2);
-Q = vt([
-  p("vox-icon")
-], Q);
-var hr = Object.defineProperty, He = (r, e, o, s) => {
+], W.prototype, "label", 2);
+W = ct([
+  h("vox-icon")
+], W);
+var or = Object.defineProperty, je = (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 && hr(e, o, t), t;
+  return t && or(e, o, t), t;
 };
-const Jt = class Jt extends h {
+const Wt = class Wt extends p {
   constructor() {
     super(), this.name = "", this.label = "", this.note = "", this.disabled = !1, this.required = !1, this.internals = this.attachInternals();
   }
@@ -1237,24 +1237,24 @@ const Jt = class Jt extends h {
     return this.note ? l`<p class="note">${this.note}</p>` : x;
   }
 };
-Jt.formAssociated = !0;
-let y = Jt;
-He([
+Wt.formAssociated = !0;
+let m = Wt;
+je([
   n()
-], y.prototype, "name");
-He([
+], m.prototype, "name");
+je([
   n()
-], y.prototype, "label");
-He([
+], m.prototype, "label");
+je([
   n()
-], y.prototype, "note");
-He([
+], m.prototype, "note");
+je([
   n({ type: Boolean, reflect: !0 })
-], y.prototype, "disabled");
-He([
+], m.prototype, "disabled");
+je([
   n({ type: Boolean, reflect: !0 })
-], y.prototype, "required");
-const Te = d`
+], m.prototype, "required");
+const Ve = d`
   :host {
     display: block;
     font-family: var(--vox-font-family-base);
@@ -1321,7 +1321,7 @@ const Te = d`
   :host([data-vox-group='end']) .control {
     border-radius: 0 var(--vox-radius-md) var(--vox-radius-md) 0;
   }
-`, Mo = d`
+`, go = d`
   :host {
     display: block;
     font-family: var(--vox-font-family-base);
@@ -1350,12 +1350,12 @@ const Te = d`
     margin: 0;
   }
 `;
-var vr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Bt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ur(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+var rr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, Dt = (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 && vr(e, o, t), t;
+  return s && t && rr(e, o, t), t;
 };
-let fe = class extends y {
+let pe = class extends m {
   constructor() {
     super(...arguments), this.checked = !1, this.value = "on";
   }
@@ -1391,8 +1391,8 @@ let fe = class extends y {
     `;
   }
 };
-fe.styles = [
-  Mo,
+pe.styles = [
+  go,
   d`
       .box {
         flex: none;
@@ -1432,21 +1432,21 @@ fe.styles = [
       }
     `
 ];
-Bt([
+Dt([
   n({ type: Boolean, reflect: !0 })
-], fe.prototype, "checked", 2);
-Bt([
+], pe.prototype, "checked", 2);
+Dt([
   n()
-], fe.prototype, "value", 2);
-fe = Bt([
-  p("vox-checkbox")
-], fe);
-var xr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, ne = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? fr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], pe.prototype, "value", 2);
+pe = Dt([
+  h("vox-checkbox")
+], pe);
+var ar = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, re = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ir(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && xr(e, o, t), t;
+  return s && t && ar(e, o, t), t;
 };
-let L = class extends y {
+let P = class extends m {
   constructor() {
     super(...arguments), this.multiple = !1, this.buttonLabel = "Choose a file", this.fileNames = [];
   }
@@ -1472,7 +1472,7 @@ let L = class extends y {
           <input
             id="file"
             type="file"
-            accept=${X(this.accept)}
+            accept=${Z(this.accept)}
             ?multiple=${this.multiple}
             ?disabled=${this.disabled}
             @change=${this.handleChange}
@@ -1489,8 +1489,8 @@ let L = class extends y {
     `;
   }
 };
-L.styles = [
-  Te,
+P.styles = [
+  Ve,
   d`
       input {
         position: absolute;
@@ -1539,60 +1539,60 @@ L.styles = [
       }
     `
 ];
-ne([
+re([
   n()
-], L.prototype, "accept", 2);
-ne([
+], P.prototype, "accept", 2);
+re([
   n({ type: Boolean })
-], L.prototype, "multiple", 2);
-ne([
+], P.prototype, "multiple", 2);
+re([
   n({ attribute: "button-label" })
-], L.prototype, "buttonLabel", 2);
-ne([
-  ie()
-], L.prototype, "fileNames", 2);
-ne([
-  Ht("input")
-], L.prototype, "inputEl", 2);
-L = ne([
-  p("vox-file-input")
-], L);
+], P.prototype, "buttonLabel", 2);
+re([
+  nt()
+], P.prototype, "fileNames", 2);
+re([
+  jt("input")
+], P.prototype, "inputEl", 2);
+P = re([
+  h("vox-file-input")
+], P);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const gr = (r) => r.strings === void 0, br = {}, yr = (r, e = br) => r._$AH = e;
+const nr = (r) => r.strings === void 0, lr = {}, cr = (r, e = lr) => r._$AH = e;
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ao = Co(class extends Oo {
+const bo = xo(class extends fo {
   constructor(r) {
-    if (super(r), r.type !== z.PROPERTY && r.type !== z.ATTRIBUTE && r.type !== z.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!gr(r)) throw Error("`live` bindings can only contain a single expression");
+    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 (!nr(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;
+    if (e === y || e === x) return e;
     const o = r.element, s = r.name;
-    if (r.type === z.PROPERTY) {
-      if (e === o[s]) return m;
-    } else if (r.type === z.BOOLEAN_ATTRIBUTE) {
-      if (!!e === o.hasAttribute(s)) return m;
-    } else if (r.type === z.ATTRIBUTE && o.getAttribute(s) === e + "") return m;
-    return yr(r), e;
+    if (r.type === L.PROPERTY) {
+      if (e === o[s]) return y;
+    } else if (r.type === L.BOOLEAN_ATTRIBUTE) {
+      if (!!e === o.hasAttribute(s)) return y;
+    } else if (r.type === L.ATTRIBUTE && o.getAttribute(s) === e + "") return y;
+    return cr(r), e;
   }
 });
-var mr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, le = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? $r(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+var dr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, se = (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 && mr(e, o, t), t;
+  return s && t && dr(e, o, t), t;
 };
-let E = class extends y {
+let A = class extends m {
   constructor() {
     super(...arguments), this.type = "text", this.value = "", this.readonly = !1;
   }
@@ -1622,9 +1622,9 @@ let E = class extends y {
           id="input"
           class="control"
           type=${this.type}
-          .value=${Ao(this.value)}
-          placeholder=${X(this.placeholder)}
-          autocomplete=${X(this.autocomplete)}
+          .value=${bo(this.value)}
+          placeholder=${Z(this.placeholder)}
+          autocomplete=${Z(this.autocomplete)}
           ?required=${this.required}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
@@ -1637,31 +1637,31 @@ let E = class extends y {
     `;
   }
 };
-E.styles = Te;
-le([
+A.styles = Ve;
+se([
   n()
-], E.prototype, "type", 2);
-le([
+], A.prototype, "type", 2);
+se([
   n()
-], E.prototype, "value", 2);
-le([
+], A.prototype, "value", 2);
+se([
   n()
-], E.prototype, "placeholder", 2);
-le([
+], A.prototype, "placeholder", 2);
+se([
   n()
-], E.prototype, "autocomplete", 2);
-le([
+], A.prototype, "autocomplete", 2);
+se([
   n({ type: Boolean, reflect: !0 })
-], E.prototype, "readonly", 2);
-E = le([
-  p("vox-input")
-], E);
-var wr = Object.getOwnPropertyDescriptor, _r = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? wr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], A.prototype, "readonly", 2);
+A = se([
+  h("vox-input")
+], A);
+var pr = Object.getOwnPropertyDescriptor, vr = (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 = i(t) || t);
   return t;
 };
-let Ot = class extends h {
+let $t = class extends p {
   handleSlotChange(r) {
     const e = r.target.assignedElements();
     e.forEach((o, s) => {
@@ -1677,7 +1677,7 @@ let Ot = class extends h {
     `;
   }
 };
-Ot.styles = d`
+$t.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -1719,15 +1719,15 @@ Ot.styles = d`
       border-left: none;
     }
   `;
-Ot = _r([
-  p("vox-input-group")
-], Ot);
-var Cr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, ut = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Or(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+$t = vr([
+  h("vox-input-group")
+], $t);
+var ur = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, dt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? xr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Cr(e, o, t), t;
+  return s && t && ur(e, o, t), t;
 };
-let ee = class extends h {
+let G = class extends p {
   constructor() {
     super(...arguments), this.value = "", this.checked = !1, this.disabled = !1;
   }
@@ -1756,7 +1756,7 @@ let ee = class extends h {
     `;
   }
 };
-ee.styles = d`
+G.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -1805,24 +1805,24 @@ ee.styles = d`
       outline-offset: 2px;
     }
   `;
-ut([
+dt([
   n()
-], ee.prototype, "value", 2);
-ut([
+], G.prototype, "value", 2);
+dt([
   n({ type: Boolean, reflect: !0 })
-], ee.prototype, "checked", 2);
-ut([
+], G.prototype, "checked", 2);
+dt([
   n({ type: Boolean, reflect: !0 })
-], ee.prototype, "disabled", 2);
-ee = ut([
-  p("vox-radio")
-], ee);
-var Mr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Po = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ar(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], G.prototype, "disabled", 2);
+G = dt([
+  h("vox-radio")
+], G);
+var fr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, mo = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? gr(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 && Mr(e, o, t), t;
+  return s && t && fr(e, o, t), t;
 };
-let tt = class extends y {
+let Ge = class extends m {
   constructor() {
     super(...arguments), this.value = "";
   }
@@ -1853,7 +1853,7 @@ let tt = class extends y {
     !(e instanceof HTMLElement) || e.tagName !== "VOX-RADIO" || (r.stopPropagation(), this.value !== e.value && (this.value = e.value, this.dispatchEvent(new Event("change", { bubbles: !0 }))));
   }
   handleKeydown(r) {
-    var v, u;
+    var u, v;
     const o = {
       ArrowDown: 1,
       ArrowRight: 1,
@@ -1865,7 +1865,7 @@ let tt = class extends y {
     const s = this.radios.filter((f) => !f.disabled);
     if (s.length === 0) return;
     const t = s.findIndex((f) => f.checked), a = (Math.max(t, 0) + o + s.length) % s.length, i = s[a];
-    i.select(), (u = (v = i.shadowRoot) == null ? void 0 : v.querySelector(".radio")) == null || u.focus();
+    i.select(), (v = (u = i.shadowRoot) == null ? void 0 : u.querySelector(".radio")) == null || v.focus();
   }
   render() {
     return l`
@@ -1885,8 +1885,8 @@ let tt = class extends y {
     `;
   }
 };
-tt.styles = [
-  Te,
+Ge.styles = [
+  Ve,
   d`
       .options {
         display: flex;
@@ -1896,18 +1896,18 @@ tt.styles = [
       }
     `
 ];
-Po([
+mo([
   n()
-], tt.prototype, "value", 2);
-tt = Po([
-  p("vox-radio-group")
-], tt);
-var Pr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Nt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? kr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Ge.prototype, "value", 2);
+Ge = mo([
+  h("vox-radio-group")
+], Ge);
+var br = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, zt = (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 && Pr(e, o, t), t;
+  return s && t && br(e, o, t), t;
 };
-let ge = class extends y {
+let ve = class extends m {
   constructor() {
     super(...arguments), this.value = "";
   }
@@ -1944,8 +1944,8 @@ let ge = class extends y {
     `;
   }
 };
-ge.styles = [
-  Te,
+ve.styles = [
+  Ve,
   d`
       select.control {
         appearance: none;
@@ -1957,21 +1957,21 @@ ge.styles = [
       }
     `
 ];
-Nt([
+zt([
   n()
-], ge.prototype, "value", 2);
-Nt([
-  Ht("select")
-], ge.prototype, "selectEl", 2);
-ge = Nt([
-  p("vox-select")
-], ge);
-var Lr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, Rt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Er(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ve.prototype, "value", 2);
+zt([
+  jt("select")
+], ve.prototype, "selectEl", 2);
+ve = zt([
+  h("vox-select")
+], ve);
+var yr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, Ht = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? $r(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Lr(e, o, t), t;
+  return s && t && yr(e, o, t), t;
 };
-let be = class extends y {
+let ue = class extends m {
   constructor() {
     super(...arguments), this.checked = !1, this.value = "on";
   }
@@ -2000,8 +2000,8 @@ let be = class extends y {
     `;
   }
 };
-be.styles = [
-  Mo,
+ue.styles = [
+  go,
   d`
       .track {
         flex: none;
@@ -2040,21 +2040,21 @@ be.styles = [
       }
     `
 ];
-Rt([
+Ht([
   n({ type: Boolean, reflect: !0 })
-], be.prototype, "checked", 2);
-Rt([
+], ue.prototype, "checked", 2);
+Ht([
   n()
-], be.prototype, "value", 2);
-be = Rt([
-  p("vox-switch")
-], be);
-var Sr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, Be = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? jr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ue.prototype, "value", 2);
+ue = Ht([
+  h("vox-switch")
+], ue);
+var wr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, De = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? _r(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Sr(e, o, t), t;
+  return s && t && wr(e, o, t), t;
 };
-let T = class extends y {
+let D = class extends m {
   constructor() {
     super(...arguments), this.value = "", this.rows = 4, this.readonly = !1;
   }
@@ -2084,8 +2084,8 @@ let T = class extends y {
           id="textarea"
           class="control"
           rows=${this.rows}
-          .value=${Ao(this.value)}
-          placeholder=${X(this.placeholder)}
+          .value=${bo(this.value)}
+          placeholder=${Z(this.placeholder)}
           ?required=${this.required}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
@@ -2097,8 +2097,8 @@ let T = class extends y {
     `;
   }
 };
-T.styles = [
-  Te,
+D.styles = [
+  Ve,
   d`
       textarea.control {
         resize: vertical;
@@ -2106,27 +2106,27 @@ T.styles = [
       }
     `
 ];
-Be([
+De([
   n()
-], T.prototype, "value", 2);
-Be([
+], D.prototype, "value", 2);
+De([
   n()
-], T.prototype, "placeholder", 2);
-Be([
+], D.prototype, "placeholder", 2);
+De([
   n({ type: Number })
-], T.prototype, "rows", 2);
-Be([
+], D.prototype, "rows", 2);
+De([
   n({ type: Boolean, reflect: !0 })
-], T.prototype, "readonly", 2);
-T = Be([
-  p("vox-textarea")
-], T);
-var zr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, Ne = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Vr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], D.prototype, "readonly", 2);
+D = De([
+  h("vox-textarea")
+], D);
+var Cr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, ze = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Or(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && zr(e, o, t), t;
+  return s && t && Cr(e, o, t), t;
 };
-let B = class extends h {
+let z = class extends p {
   constructor() {
     super(...arguments), this.alt = "", this.initials = "", this.size = "md";
   }
@@ -2138,7 +2138,7 @@ let B = class extends h {
     `;
   }
 };
-B.styles = d`
+z.styles = d`
     :host {
       display: inline-block;
     }
@@ -2186,27 +2186,27 @@ B.styles = d`
       font-size: 28px;
     }
   `;
-Ne([
+ze([
   n()
-], B.prototype, "src", 2);
-Ne([
+], z.prototype, "src", 2);
+ze([
   n()
-], B.prototype, "alt", 2);
-Ne([
+], z.prototype, "alt", 2);
+ze([
   n()
-], B.prototype, "initials", 2);
-Ne([
+], z.prototype, "initials", 2);
+ze([
   n({ reflect: !0 })
-], B.prototype, "size", 2);
-B = Ne([
-  p("vox-avatar")
-], B);
-var Dr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, Ut = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Hr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], z.prototype, "size", 2);
+z = ze([
+  h("vox-avatar")
+], z);
+var Mr = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, Tt = (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 && Dr(e, o, t), t;
+  return s && t && Mr(e, o, t), t;
 };
-let ye = class extends h {
+let xe = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.reverse = !1, this.hasActions = !1;
   }
@@ -2229,7 +2229,7 @@ let ye = class extends h {
     `;
   }
 };
-ye.styles = d`
+xe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2291,21 +2291,21 @@ ye.styles = d`
       display: none;
     }
   `;
-Ut([
+Tt([
   n()
-], ye.prototype, "heading", 2);
-Ut([
+], xe.prototype, "heading", 2);
+Tt([
   n({ type: Boolean, reflect: !0 })
-], ye.prototype, "reverse", 2);
-ye = Ut([
-  p("vox-billboard")
-], ye);
-var Tr = Object.getOwnPropertyDescriptor, Br = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Tr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], xe.prototype, "reverse", 2);
+xe = Tt([
+  h("vox-billboard")
+], xe);
+var Ar = Object.getOwnPropertyDescriptor, kr = (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 Mt = class extends h {
+let wt = class extends p {
   render() {
     return l`
       <nav aria-label="Breadcrumbs">
@@ -2314,7 +2314,7 @@ let Mt = class extends h {
     `;
   }
 };
-Mt.styles = d`
+wt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2348,15 +2348,15 @@ Mt.styles = d`
       color: var(--vox-color-text-3);
     }
   `;
-Mt = Br([
-  p("vox-breadcrumbs")
-], Mt);
-var Nr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, xt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Rr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+wt = kr([
+  h("vox-breadcrumbs")
+], wt);
+var Lr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, ht = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Er(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Nr(e, o, t), t;
+  return s && t && Lr(e, o, t), t;
 };
-let te = class extends h {
+let X = class extends p {
   constructor() {
     super(...arguments), this.siteTitle = "", this.href = "/", this.mobileOpen = !1, this.handleOutsideClick = (r) => {
       this.mobileOpen && !r.composedPath().includes(this) && (this.mobileOpen = !1);
@@ -2400,7 +2400,7 @@ let te = class extends h {
             stroke-linejoin="round"
             aria-hidden="true"
           >
-            ${this.mobileOpen ? k.close : k.menu}
+            ${this.mobileOpen ? V.close : V.menu}
           </svg>
         </button>
         <div id="nav-wrap" class="nav-wrap${this.mobileOpen ? " open" : ""}">
@@ -2415,7 +2415,7 @@ let te = class extends h {
     `;
   }
 };
-te.styles = d`
+X.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2545,24 +2545,24 @@ te.styles = d`
       }
     }
   `;
-xt([
+ht([
   n({ attribute: "site-title" })
-], te.prototype, "siteTitle", 2);
-xt([
+], X.prototype, "siteTitle", 2);
+ht([
   n()
-], te.prototype, "href", 2);
-xt([
-  ie()
-], te.prototype, "mobileOpen", 2);
-te = xt([
-  p("vox-header")
-], te);
-var Ur = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, Re = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ir(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], X.prototype, "href", 2);
+ht([
+  nt()
+], X.prototype, "mobileOpen", 2);
+X = ht([
+  h("vox-header")
+], X);
+var Sr = 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 && Ur(e, o, t), t;
+  return s && t && Sr(e, o, t), t;
 };
-let N = class extends h {
+let H = class extends p {
   constructor() {
     super(...arguments), this.previousLabel = "", this.nextLabel = "";
   }
@@ -2585,7 +2585,7 @@ let N = class extends h {
     `;
   }
 };
-N.styles = d`
+H.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2635,27 +2635,27 @@ N.styles = d`
       color: var(--vox-color-brand-1);
     }
   `;
-Re([
+He([
   n({ attribute: "previous-href" })
-], N.prototype, "previousHref", 2);
-Re([
+], H.prototype, "previousHref", 2);
+He([
   n({ attribute: "previous-label" })
-], N.prototype, "previousLabel", 2);
-Re([
+], H.prototype, "previousLabel", 2);
+He([
   n({ attribute: "next-href" })
-], N.prototype, "nextHref", 2);
-Re([
+], H.prototype, "nextHref", 2);
+He([
   n({ attribute: "next-label" })
-], N.prototype, "nextLabel", 2);
-N = Re([
-  p("vox-series-nav")
-], N);
-var qr = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, w = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Zr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], H.prototype, "nextLabel", 2);
+H = He([
+  h("vox-series-nav")
+], H);
+var Vr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, $ = (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 && qr(e, o, t), t;
+  return s && t && Vr(e, o, t), t;
 };
-let oe = class extends h {
+let J = class extends p {
   constructor() {
     super(...arguments), this.label = "Section", this.toggleLabel = "Menu", this.mobileOpen = !1, this.handleOutsideClick = (r) => {
       this.mobileOpen && !r.composedPath().includes(this) && (this.mobileOpen = !1);
@@ -2694,7 +2694,7 @@ let oe = class extends h {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${this.mobileOpen ? k.close : k.menu}
+          ${this.mobileOpen ? V.close : V.menu}
         </svg>
       </button>
       <nav
@@ -2708,7 +2708,7 @@ let oe = class extends h {
     `;
   }
 };
-oe.styles = d`
+J.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2768,19 +2768,19 @@ oe.styles = d`
       }
     }
   `;
-w([
+$([
   n()
-], oe.prototype, "label", 2);
-w([
+], J.prototype, "label", 2);
+$([
   n({ attribute: "toggle-label" })
-], oe.prototype, "toggleLabel", 2);
-w([
-  ie()
-], oe.prototype, "mobileOpen", 2);
-oe = w([
-  p("vox-sidenav")
-], oe);
-let me = class extends h {
+], J.prototype, "toggleLabel", 2);
+$([
+  nt()
+], J.prototype, "mobileOpen", 2);
+J = $([
+  h("vox-sidenav")
+], J);
+let fe = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1;
   }
@@ -2803,7 +2803,7 @@ let me = class extends h {
     `;
   }
 };
-me.styles = d`
+fe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2860,16 +2860,16 @@ me.styles = d`
       display: flex;
     }
   `;
-w([
+$([
   n()
-], me.prototype, "heading", 2);
-w([
+], fe.prototype, "heading", 2);
+$([
   n({ type: Boolean, reflect: !0 })
-], me.prototype, "open", 2);
-me = w([
-  p("vox-sidenav-group")
-], me);
-let $e = class extends h {
+], fe.prototype, "open", 2);
+fe = $([
+  h("vox-sidenav-group")
+], fe);
+let ge = class extends p {
   constructor() {
     super(...arguments), this.href = "#", this.current = !1, this.hasIcon = !1;
   }
@@ -2888,7 +2888,7 @@ let $e = class extends h {
     `;
   }
 };
-$e.styles = d`
+ge.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2932,21 +2932,21 @@ $e.styles = d`
       display: none;
     }
   `;
-w([
+$([
   n()
-], $e.prototype, "href", 2);
-w([
+], ge.prototype, "href", 2);
+$([
   n({ type: Boolean, reflect: !0 })
-], $e.prototype, "current", 2);
-$e = w([
-  p("vox-sidenav-item")
-], $e);
-var Fr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, ko = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Kr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ge.prototype, "current", 2);
+ge = $([
+  h("vox-sidenav-item")
+], ge);
+var zr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, yo = (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 && Fr(e, o, t), t;
+  return s && t && zr(e, o, t), t;
 };
-let ot = class extends h {
+let Xe = class extends p {
   constructor() {
     super(...arguments), this.label = "Secondary";
   }
@@ -2958,7 +2958,7 @@ let ot = class extends h {
     `;
   }
 };
-ot.styles = d`
+Xe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2993,18 +2993,18 @@ ot.styles = d`
       border-bottom-color: var(--vox-color-brand-1);
     }
   `;
-ko([
+yo([
   n()
-], ot.prototype, "label", 2);
-ot = ko([
-  p("vox-subnav")
-], ot);
-var Gr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, Z = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Yr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Xe.prototype, "label", 2);
+Xe = yo([
+  h("vox-subnav")
+], Xe);
+var Tr = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, I = (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;
+  return s && t && Tr(e, o, t), t;
 };
-let At = class extends h {
+let _t = class extends p {
   get tabs() {
     return [...this.querySelectorAll("vox-tab")];
   }
@@ -3050,7 +3050,7 @@ let At = class extends h {
     `;
   }
 };
-At.styles = d`
+_t.styles = d`
     :host {
       display: block;
     }
@@ -3061,10 +3061,10 @@ At.styles = d`
       border-bottom: 1px solid var(--vox-color-divider);
     }
   `;
-At = Z([
-  p("vox-tabs")
-], At);
-let we = class extends h {
+_t = I([
+  h("vox-tabs")
+], _t);
+let be = class extends p {
   constructor() {
     super(...arguments), this.panel = "", this.selected = !1;
   }
@@ -3091,7 +3091,7 @@ let we = class extends h {
     `;
   }
 };
-we.styles = d`
+be.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3126,16 +3126,16 @@ we.styles = d`
       border-bottom-color: var(--vox-color-brand-1);
     }
   `;
-Z([
+I([
   n()
-], we.prototype, "panel", 2);
-Z([
+], be.prototype, "panel", 2);
+I([
   n({ type: Boolean, reflect: !0 })
-], we.prototype, "selected", 2);
-we = Z([
-  p("vox-tab")
-], we);
-let _e = class extends h {
+], be.prototype, "selected", 2);
+be = I([
+  h("vox-tab")
+], be);
+let me = class extends p {
   constructor() {
     super(...arguments), this.name = "", this.active = !1;
   }
@@ -3143,7 +3143,7 @@ let _e = class extends h {
     return l`<div role="tabpanel"><slot></slot></div>`;
   }
 };
-_e.styles = d`
+me.styles = d`
     :host {
       display: none;
       font-family: var(--vox-font-family-base);
@@ -3157,21 +3157,21 @@ _e.styles = d`
       display: block;
     }
   `;
-Z([
+I([
   n()
-], _e.prototype, "name", 2);
-Z([
+], me.prototype, "name", 2);
+I([
   n({ type: Boolean, reflect: !0 })
-], _e.prototype, "active", 2);
-_e = Z([
-  p("vox-tab-panel")
-], _e);
-var Wr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Ue = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Xr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], me.prototype, "active", 2);
+me = I([
+  h("vox-tab-panel")
+], me);
+var Nr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Te = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Rr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Wr(e, o, t), t;
+  return s && t && Nr(e, o, t), t;
 };
-let rt = class extends h {
+let Je = class extends p {
   constructor() {
     super(...arguments), this.heading = "On this page";
   }
@@ -3184,7 +3184,7 @@ let rt = class extends h {
     `;
   }
 };
-rt.styles = d`
+Je.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3205,13 +3205,13 @@ rt.styles = d`
       border-left: 1px solid var(--vox-color-divider);
     }
   `;
-Ue([
+Te([
   n()
-], rt.prototype, "heading", 2);
-rt = Ue([
-  p("vox-toc")
-], rt);
-let Ce = class extends h {
+], Je.prototype, "heading", 2);
+Je = Te([
+  h("vox-toc")
+], Je);
+let ye = class extends p {
   constructor() {
     super(...arguments), this.href = "#", this.current = !1, this.hasChildren = !1;
   }
@@ -3230,7 +3230,7 @@ let Ce = class extends h {
     `;
   }
 };
-Ce.styles = d`
+ye.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3276,21 +3276,21 @@ Ce.styles = d`
       display: none;
     }
   `;
-Ue([
+Te([
   n()
-], Ce.prototype, "href", 2);
-Ue([
+], ye.prototype, "href", 2);
+Te([
   n({ type: Boolean, reflect: !0 })
-], Ce.prototype, "current", 2);
-Ce = Ue([
-  p("vox-toc-item")
-], Ce);
-var Jr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, Ie = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Qr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ye.prototype, "current", 2);
+ye = Te([
+  h("vox-toc-item")
+], ye);
+var Ir = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, Be = (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 && Jr(e, o, t), t;
+  return s && t && Ir(e, o, t), t;
 };
-let R = class extends h {
+let T = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1, this.lightDismiss = !1, this.hasFooter = !1;
   }
@@ -3338,7 +3338,7 @@ let R = class extends h {
     `;
   }
 };
-R.styles = d`
+T.styles = d`
     dialog {
       box-sizing: border-box;
       width: min(90vw, 480px);
@@ -3425,27 +3425,27 @@ R.styles = d`
       margin-bottom: 0;
     }
   `;
-Ie([
+Be([
   n()
-], R.prototype, "heading", 2);
-Ie([
+], T.prototype, "heading", 2);
+Be([
   n({ type: Boolean })
-], R.prototype, "open", 2);
-Ie([
+], T.prototype, "open", 2);
+Be([
   n({ type: Boolean, attribute: "light-dismiss" })
-], R.prototype, "lightDismiss", 2);
-Ie([
-  Ht("dialog")
-], R.prototype, "dialogEl", 2);
-R = Ie([
-  p("vox-dialog")
-], R);
-var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, It = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ts(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], T.prototype, "lightDismiss", 2);
+Be([
+  jt("dialog")
+], T.prototype, "dialogEl", 2);
+T = Be([
+  h("vox-dialog")
+], T);
+var qr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Bt = (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 && es(e, o, t), t;
+  return s && t && qr(e, o, t), t;
 };
-let Oe = class extends h {
+let $e = class extends p {
   constructor() {
     super(...arguments), this.summary = "Show details", this.open = !1;
   }
@@ -3472,7 +3472,7 @@ let Oe = class extends h {
     `;
   }
 };
-Oe.styles = d`
+$e.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3524,21 +3524,21 @@ Oe.styles = d`
       display: none;
     }
   `;
-It([
+Bt([
   n()
-], Oe.prototype, "summary", 2);
-It([
+], $e.prototype, "summary", 2);
+Bt([
   n({ type: Boolean, reflect: !0 })
-], Oe.prototype, "open", 2);
-Oe = It([
-  p("vox-disclosure")
-], Oe);
-var os = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, qt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? rs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], $e.prototype, "open", 2);
+$e = Bt([
+  h("vox-disclosure")
+], $e);
+var Zr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Nt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Kr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && os(e, o, t), t;
+  return s && t && Zr(e, o, t), t;
 };
-let Me = class extends h {
+let we = class extends p {
   constructor() {
     super(...arguments), this.label = "Menu", this.open = !1, this.handleOutsideClick = (r) => {
       this.open && !r.composedPath().includes(this) && (this.open = !1);
@@ -3585,10 +3585,16 @@ let Me = class extends h {
     `;
   }
 };
-Me.styles = d`
+we.styles = d`
     :host {
       position: relative;
       display: inline-block;
+      /* Without this, a flex/grid container's default stretch alignment
+         grows the host to fill the cross axis while the trigger button
+         inside stays content-sized — and since the menu's "top: 100%" is
+         measured against the host's own box, it then opens far below the
+         trigger instead of right under it. */
+      align-self: flex-start;
       font-family: var(--vox-font-family-base);
     }
 
@@ -3684,95 +3690,253 @@ Me.styles = d`
       border-top: 1px solid var(--vox-color-divider);
     }
   `;
-qt([
+Nt([
   n()
-], Me.prototype, "label", 2);
-qt([
+], we.prototype, "label", 2);
+Nt([
   n({ type: Boolean, reflect: !0 })
-], Me.prototype, "open", 2);
-Me = qt([
-  p("vox-dropdown")
-], Me);
-var ss = Object.defineProperty, as = Object.getOwnPropertyDescriptor, qe = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? as(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], we.prototype, "open", 2);
+we = Nt([
+  h("vox-dropdown")
+], we);
+var Wr = Object.defineProperty, Gr = Object.getOwnPropertyDescriptor, pt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Gr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ss(e, o, t), t;
+  return s && t && Wr(e, o, t), t;
 };
-let st = class extends h {
+let Y = class extends p {
   constructor() {
-    super(...arguments), this.single = !1;
-  }
-  handleToggle(r) {
-    if (!this.single) return;
-    const e = r.target;
-    e.open && this.querySelectorAll("vox-accordion-item").forEach(
-      (o) => {
-        o !== e && (o.open = !1);
+    super(...arguments), this.placement = "bottom-end", this.open = !1, this.handleOutsideClick = (r) => {
+      this.open && !r.composedPath().includes(this) && this.close();
+    }, this.handleKeydown = (r) => {
+      var e;
+      if (r.key === "Escape" && this.open) {
+        this.close(), (e = this.renderRoot.querySelector(".trigger")) == null || e.focus();
+        return;
       }
-    );
+      if ((r.key === "ArrowDown" || r.key === "ArrowUp") && this.open) {
+        r.preventDefault();
+        const o = [...this.querySelectorAll("a, button")].filter(
+          (u) => u.slot !== "trigger"
+        );
+        if (o.length === 0) return;
+        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();
+      }
+    };
   }
-  render() {
-    return l`<slot @vox-toggle=${this.handleToggle}></slot>`;
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this.handleOutsideClick), this.addEventListener("keydown", this.handleKeydown);
   }
-};
-st.styles = d`
-    :host {
-      display: block;
-      border: 1px solid var(--vox-color-divider);
-      border-radius: var(--vox-radius-md);
-      overflow: hidden;
-    }
-
-    ::slotted(vox-accordion-item:not(:first-child)) {
-      border-top: 1px solid var(--vox-color-divider);
-    }
-  `;
-qe([
-  n({ type: Boolean })
-], st.prototype, "single", 2);
-st = qe([
-  p("vox-accordion")
-], st);
-let Ae = class extends h {
-  constructor() {
-    super(...arguments), this.heading = "", this.open = !1;
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick), this.removeEventListener("keydown", this.handleKeydown);
   }
   toggle() {
-    this.open = !this.open, this.dispatchEvent(
-      new CustomEvent("vox-toggle", { bubbles: !0, composed: !0 })
-    );
+    this.open ? this.close() : this.open = !0;
+  }
+  close() {
+    this.open && (this.open = !1, this.dispatchEvent(new CustomEvent("vox-close", { bubbles: !0, composed: !0 })));
   }
   render() {
     return l`
-      <h3 style="margin:0">
-        <button
-          class="trigger"
-          aria-expanded=${this.open ? "true" : "false"}
-          @click=${this.toggle}
-        >
-          ${this.heading}
-          <svg class="chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <path d="m6 9 6 6 6-6" />
-          </svg>
-        </button>
-      </h3>
-      <div class="panel" ?hidden=${!this.open}>
-        <slot></slot>
+      <button
+        class="trigger"
+        aria-expanded=${this.open ? "true" : "false"}
+        aria-haspopup="true"
+        aria-label=${this.label ?? x}
+        @click=${this.toggle}
+      >
+        <slot name="trigger"></slot>
+      </button>
+      <div class="menu" role="menu">
+        <slot @click=${() => this.close()}></slot>
       </div>
     `;
   }
 };
-Ae.styles = d`
+Y.styles = d`
     :host {
-      display: block;
+      position: relative;
+      display: inline-block;
+      /* Without this, a flex/grid container's default stretch alignment
+         grows the host to fill the cross axis (e.g. a tall sibling, or a
+         container given a min-height for layout purposes) while the
+         trigger button inside stays content-sized — and since the menu's
+         "top: 100%" is measured against the host's own box, it then opens
+         far below the trigger instead of right under it. */
+      align-self: flex-start;
       font-family: var(--vox-font-family-base);
     }
 
     .trigger {
-      display: flex;
+      display: inline-flex;
       align-items: center;
-      justify-content: space-between;
-      gap: var(--vox-space-3);
+      background: none;
+      border: none;
+      padding: 0;
+      border-radius: var(--vox-radius-md);
+      color: inherit;
+      font: inherit;
+      cursor: pointer;
+    }
+
+    .trigger:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: 2px;
+    }
+
+    .menu {
+      position: absolute;
+      top: calc(100% + 4px);
+      z-index: 10;
+      min-width: 180px;
+      display: none;
+      flex-direction: column;
+      padding: var(--vox-space-2);
+      background-color: var(--vox-color-bg-elv);
+      border: 1px solid var(--vox-color-divider);
+      border-radius: var(--vox-radius-md);
+      box-shadow: var(--vox-shadow-2);
+    }
+
+    :host([placement='bottom-start']) .menu {
+      left: 0;
+    }
+
+    :host([placement='bottom-end']) .menu {
+      right: 0;
+    }
+
+    :host([open]) .menu {
+      display: flex;
+    }
+
+    ::slotted(a),
+    ::slotted(button) {
+      display: block;
+      width: 100%;
+      box-sizing: border-box;
+      padding: var(--vox-space-2) var(--vox-space-3);
+      background: none;
+      border: none;
+      border-radius: var(--vox-radius-sm);
+      color: var(--vox-color-text-1);
+      font-family: inherit;
+      font-size: 14px;
+      text-align: left;
+      text-decoration: none;
+      cursor: pointer;
+      white-space: nowrap;
+    }
+
+    ::slotted(a:hover),
+    ::slotted(button:hover),
+    ::slotted(a:focus-visible),
+    ::slotted(button:focus-visible) {
+      background-color: var(--vox-color-brand-soft);
+      color: var(--vox-color-brand-1);
+      outline: none;
+    }
+
+    ::slotted(hr) {
+      width: 100%;
+      margin: var(--vox-space-1) 0;
+      border: none;
+      border-top: 1px solid var(--vox-color-divider);
+    }
+  `;
+pt([
+  n()
+], Y.prototype, "label", 2);
+pt([
+  n({ reflect: !0 })
+], Y.prototype, "placement", 2);
+pt([
+  n({ type: Boolean, reflect: !0 })
+], Y.prototype, "open", 2);
+Y = pt([
+  h("vox-menu")
+], Y);
+var Xr = Object.defineProperty, Jr = Object.getOwnPropertyDescriptor, Ne = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Jr(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Xr(e, o, t), t;
+};
+let Ye = class extends p {
+  constructor() {
+    super(...arguments), this.single = !1;
+  }
+  handleToggle(r) {
+    if (!this.single) return;
+    const e = r.target;
+    e.open && this.querySelectorAll("vox-accordion-item").forEach(
+      (o) => {
+        o !== e && (o.open = !1);
+      }
+    );
+  }
+  render() {
+    return l`<slot @vox-toggle=${this.handleToggle}></slot>`;
+  }
+};
+Ye.styles = d`
+    :host {
+      display: block;
+      border: 1px solid var(--vox-color-divider);
+      border-radius: var(--vox-radius-md);
+      overflow: hidden;
+    }
+
+    ::slotted(vox-accordion-item:not(:first-child)) {
+      border-top: 1px solid var(--vox-color-divider);
+    }
+  `;
+Ne([
+  n({ type: Boolean })
+], Ye.prototype, "single", 2);
+Ye = Ne([
+  h("vox-accordion")
+], Ye);
+let _e = class extends p {
+  constructor() {
+    super(...arguments), this.heading = "", this.open = !1;
+  }
+  toggle() {
+    this.open = !this.open, this.dispatchEvent(
+      new CustomEvent("vox-toggle", { bubbles: !0, composed: !0 })
+    );
+  }
+  render() {
+    return l`
+      <h3 style="margin:0">
+        <button
+          class="trigger"
+          aria-expanded=${this.open ? "true" : "false"}
+          @click=${this.toggle}
+        >
+          ${this.heading}
+          <svg class="chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="m6 9 6 6 6-6" />
+          </svg>
+        </button>
+      </h3>
+      <div class="panel" ?hidden=${!this.open}>
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+_e.styles = d`
+    :host {
+      display: block;
+      font-family: var(--vox-font-family-base);
+    }
+
+    .trigger {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--vox-space-3);
       width: 100%;
       padding: var(--vox-space-4);
       background: none;
@@ -3824,27 +3988,27 @@ Ae.styles = d`
       margin-bottom: 0;
     }
   `;
-qe([
+Ne([
   n()
-], Ae.prototype, "heading", 2);
-qe([
+], _e.prototype, "heading", 2);
+Ne([
   n({ type: Boolean, reflect: !0 })
-], Ae.prototype, "open", 2);
-Ae = qe([
-  p("vox-accordion-item")
-], Ae);
-var is = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, Ze = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ns(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], _e.prototype, "open", 2);
+_e = Ne([
+  h("vox-accordion-item")
+], _e);
+var Yr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, Re = (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 && is(e, o, t), t;
+  return s && t && Yr(e, o, t), t;
 };
-const ls = {
+const es = {
   info: "info",
   success: "check-circle",
   warning: "warning",
   danger: "x-circle"
 };
-let U = class extends h {
+let B = class extends p {
   constructor() {
     super(...arguments), this.variant = "info", this.heading = "", this.dismissible = !1, this.open = !0;
   }
@@ -3866,7 +4030,7 @@ let U = class extends h {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${k[ls[this.variant]]}
+          ${V[es[this.variant]]}
         </svg>
         <div class="body">
           ${this.heading ? l`<p class="heading">${this.heading}</p>` : x}
@@ -3883,7 +4047,7 @@ let U = class extends h {
     `;
   }
 };
-U.styles = d`
+B.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4002,27 +4166,27 @@ U.styles = d`
       margin-bottom: 0;
     }
   `;
-Ze([
+Re([
   n()
-], U.prototype, "variant", 2);
-Ze([
+], B.prototype, "variant", 2);
+Re([
   n()
-], U.prototype, "heading", 2);
-Ze([
+], B.prototype, "heading", 2);
+Re([
   n({ type: Boolean })
-], U.prototype, "dismissible", 2);
-Ze([
+], B.prototype, "dismissible", 2);
+Re([
   n({ type: Boolean, reflect: !0 })
-], U.prototype, "open", 2);
-U = Ze([
-  p("vox-alert")
-], U);
-var cs = Object.defineProperty, ds = Object.getOwnPropertyDescriptor, Lo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ds(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], B.prototype, "open", 2);
+B = Re([
+  h("vox-alert")
+], B);
+var ts = Object.defineProperty, os = Object.getOwnPropertyDescriptor, $o = (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;
+  return s && t && ts(e, o, t), t;
 };
-let at = class extends h {
+let Qe = class extends p {
   constructor() {
     super(...arguments), this.variant = "brand";
   }
@@ -4030,7 +4194,7 @@ let at = class extends h {
     return l`<span class="badge ${this.variant}"><slot></slot></span>`;
   }
 };
-at.styles = d`
+Qe.styles = d`
     :host {
       display: inline-block;
     }
@@ -4072,18 +4236,18 @@ at.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-Lo([
+$o([
   n()
-], at.prototype, "variant", 2);
-at = Lo([
-  p("vox-badge")
-], at);
-var ps = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, Zt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? hs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Qe.prototype, "variant", 2);
+Qe = $o([
+  h("vox-badge")
+], Qe);
+var rs = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, Rt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ss(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ps(e, o, t), t;
+  return s && t && rs(e, o, t), t;
 };
-let Pe = class extends h {
+let Ce = class extends p {
   constructor() {
     super(...arguments), this.date = "";
   }
@@ -4097,7 +4261,7 @@ let Pe = class extends h {
     `;
   }
 };
-Pe.styles = d`
+Ce.styles = d`
     :host {
       display: inline-block;
       font-family: var(--vox-font-family-base);
@@ -4133,32 +4297,32 @@ Pe.styles = d`
       color: var(--vox-color-text-1);
     }
   `;
-Zt([
+Rt([
   n()
-], Pe.prototype, "date", 2);
-Zt([
+], Ce.prototype, "date", 2);
+Rt([
   n()
-], Pe.prototype, "locale", 2);
-Pe = Zt([
-  p("vox-calendar-tile")
-], Pe);
-var vs = Object.defineProperty, us = Object.getOwnPropertyDescriptor, Ft = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? us(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Ce.prototype, "locale", 2);
+Ce = Rt([
+  h("vox-calendar-tile")
+], Ce);
+var as = Object.defineProperty, is = Object.getOwnPropertyDescriptor, It = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? is(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && vs(e, o, t), t;
+  return s && t && as(e, o, t), t;
 };
-const xs = {
+const ns = {
   info: "Info",
   tip: "Tip",
   warning: "Warning",
   danger: "Danger"
-}, fs = {
+}, ls = {
   info: "info",
   tip: "check-circle",
   warning: "warning",
   danger: "x-circle"
 };
-let ke = class extends h {
+let Oe = class extends p {
   constructor() {
     super(...arguments), this.variant = "info";
   }
@@ -4175,17 +4339,17 @@ let ke = class extends h {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${k[fs[this.variant]]}
+          ${V[ls[this.variant]]}
         </svg>
         <div class="content">
-          <p class="heading">${this.heading ?? xs[this.variant]}</p>
+          <p class="heading">${this.heading ?? ns[this.variant]}</p>
           <slot></slot>
         </div>
       </div>
     `;
   }
 };
-ke.styles = d`
+Oe.styles = d`
     :host {
       display: block;
     }
@@ -4268,21 +4432,21 @@ ke.styles = d`
       margin-bottom: 0;
     }
   `;
-Ft([
+It([
   n()
-], ke.prototype, "variant", 2);
-Ft([
+], Oe.prototype, "variant", 2);
+It([
   n()
-], ke.prototype, "heading", 2);
-ke = Ft([
-  p("vox-callout")
-], ke);
-var gs = Object.defineProperty, bs = Object.getOwnPropertyDescriptor, ft = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? bs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Oe.prototype, "heading", 2);
+Oe = It([
+  h("vox-callout")
+], Oe);
+var cs = Object.defineProperty, ds = Object.getOwnPropertyDescriptor, vt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ds(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && gs(e, o, t), t;
+  return s && t && cs(e, o, t), t;
 };
-let re = class extends h {
+let Q = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasIcon = !1, this.hasBadge = !1, this.hasFooter = !1;
   }
@@ -4315,7 +4479,7 @@ let re = class extends h {
     return this.href !== void 0 ? l`<a class="card" href=${this.href} target=${this.target ?? x}>${r}</a>` : l`<div class="card">${r}</div>`;
   }
 };
-re.styles = d`
+Q.styles = d`
     :host {
       display: block;
     }
@@ -4400,663 +4564,24 @@ re.styles = d`
       display: none;
     }
   `;
-ft([
-  n()
-], re.prototype, "heading", 2);
-ft([
-  n()
-], re.prototype, "href", 2);
-ft([
+vt([
   n()
-], re.prototype, "target", 2);
-re = ft([
-  p("vox-card")
-], re);
-function Eo(r, e) {
-  let o = e;
-  for (; o < r.length && (r[o] === " " || r[o] === "	"); ) o++;
-  return o;
-}
-function F(r, e) {
-  return {
-    re: r,
-    type: (o, s, t) => e.has(o) ? "keyword" : s[Eo(s, t)] === "(" ? "function" : "plain"
-  };
-}
-function Pt(r) {
-  return {
-    re: r,
-    type: (e, o, s) => o[Eo(o, s)] === ":" ? "property" : "string"
-  };
-}
-const Fe = /-?\b\d+\.?\d*(?:[eE][+-]?\d+)?\b/y, S = /"(?:\\.|[^"\\])*"/y, K = /'(?:\\.|[^'\\])*'/y, gt = /#.*/y, ys = /\/\/.*/y, So = /\/\*[\s\S]*?\*\//y;
-function ho(r, e, o) {
-  const s = r[r.length - 1];
-  s && s.type === e ? s.text += o : r.push({ type: e, text: o });
-}
-function ms(r, e) {
-  const o = [];
-  let s = 0;
-  for (; s < r.length; ) {
-    let t = !1;
-    for (const a of e) {
-      a.re.lastIndex = s;
-      const i = a.re.exec(r);
-      if (i && i.index === s && i[0].length > 0) {
-        const v = i[0], u = typeof a.type == "function" ? a.type(v, r, s + v.length) : a.type;
-        ho(o, u, v), s += v.length, t = !0;
-        break;
-      }
-    }
-    t || (ho(o, "plain", r[s]), s++);
-  }
-  return o;
-}
-const $s = /* @__PURE__ */ new Set([
-  "if",
-  "then",
-  "elif",
-  "else",
-  "fi",
-  "for",
-  "while",
-  "until",
-  "do",
-  "done",
-  "case",
-  "esac",
-  "in",
-  "function",
-  "select",
-  "time",
-  "return",
-  "exit",
-  "break",
-  "continue",
-  "local",
-  "export",
-  "readonly",
-  "declare",
-  "unset",
-  "shift",
-  "eval",
-  "exec",
-  "trap",
-  "set",
-  "source",
-  "alias",
-  "unalias",
-  "true",
-  "false"
-]), We = [
-  { re: gt, type: "comment" },
-  { re: /\$\{[^}]*\}|\$[A-Za-z_]\w*|\$[0-9@#?$!*_-]/y, type: "function" },
-  { re: S, type: "string" },
-  { re: K, type: "string" },
-  { re: Fe, type: "number" },
-  F(/[A-Za-z_][\w-]*/y, $s)
-], ws = /* @__PURE__ */ new Set([
-  "true",
-  "false",
-  "yes",
-  "no",
-  "null",
-  "on",
-  "off",
-  "True",
-  "False",
-  "Yes",
-  "No",
-  "Null",
-  "On",
-  "Off",
-  "TRUE",
-  "FALSE",
-  "YES",
-  "NO",
-  "NULL",
-  "ON",
-  "OFF"
-]), vo = [
-  { re: gt, type: "comment" },
-  Pt(S),
-  Pt(K),
-  { re: /[A-Za-z_][\w .-]*?(?=:(\s|$))/y, type: "property" },
-  { re: /[&*!][A-Za-z_][\w:.]*/y, type: "function" },
-  { re: Fe, type: "number" },
-  F(/[A-Za-z_][\w-]*/y, ws)
-], _s = [
-  Pt(S),
-  { re: Fe, type: "number" },
-  F(/[A-Za-z_]\w*/y, /* @__PURE__ */ new Set(["true", "false", "null"]))
-], Cs = /* @__PURE__ */ new Set([
-  "const",
-  "let",
-  "var",
-  "function",
-  "return",
-  "if",
-  "else",
-  "for",
-  "while",
-  "do",
-  "switch",
-  "case",
-  "default",
-  "break",
-  "continue",
-  "class",
-  "extends",
-  "super",
-  "new",
-  "this",
-  "import",
-  "export",
-  "from",
-  "as",
-  "async",
-  "await",
-  "try",
-  "catch",
-  "finally",
-  "throw",
-  "typeof",
-  "instanceof",
-  "in",
-  "of",
-  "yield",
-  "static",
-  "get",
-  "set",
-  "void",
-  "delete",
-  "null",
-  "undefined",
-  "true",
-  "false",
-  "public",
-  "private",
-  "protected",
-  "readonly",
-  "interface",
-  "type",
-  "enum",
-  "implements",
-  "namespace",
-  "declare",
-  "abstract",
-  "keyof",
-  "satisfies"
-]), Xe = [
-  { re: ys, type: "comment" },
-  { re: So, type: "comment" },
-  { re: S, type: "string" },
-  { re: K, type: "string" },
-  { re: /`(?:\\.|[^`\\])*`/y, type: "string" },
-  { re: /-?\b0[xXbBoO][0-9a-fA-F]+\b|-?\b\d+\.?\d*(?:[eE][+-]?\d+)?\b/y, type: "number" },
-  F(/[A-Za-z_$][\w$]*/y, Cs)
-], Os = [
-  { re: So, type: "comment" },
-  { re: S, type: "string" },
-  { re: K, type: "string" },
-  { re: /@[\w-]+/y, type: "keyword" },
-  { re: /!important/y, type: "keyword" },
-  { re: /#[0-9a-fA-F]{3,8}\b/y, type: "number" },
-  { re: /-?\b\d+\.?\d*[a-zA-Z%]*\b/y, type: "number" },
-  { re: /[a-zA-Z-]+(?=\s*:)/y, type: "property" },
-  F(/[a-zA-Z-]+/y, /* @__PURE__ */ new Set())
-], uo = [
-  { re: /<!--[\s\S]*?-->/y, type: "comment" },
-  { re: /<\/?[a-zA-Z][\w:-]*/y, type: "tag" },
-  { re: /[a-zA-Z-][\w-]*(?=\s*=)/y, type: "property" },
-  { re: S, type: "string" },
-  { re: K, type: "string" },
-  { re: /&[\w#]+;/y, type: "keyword" }
-], Ms = /* @__PURE__ */ new Set([
-  "def",
-  "end",
-  "if",
-  "elsif",
-  "else",
-  "unless",
-  "while",
-  "until",
-  "for",
-  "in",
-  "do",
-  "class",
-  "module",
-  "begin",
-  "rescue",
-  "ensure",
-  "raise",
-  "return",
-  "yield",
-  "break",
-  "next",
-  "redo",
-  "retry",
-  "case",
-  "when",
-  "then",
-  "and",
-  "or",
-  "not",
-  "nil",
-  "true",
-  "false",
-  "self",
-  "super",
-  "require",
-  "require_relative",
-  "include",
-  "extend",
-  "attr_accessor",
-  "attr_reader",
-  "attr_writer",
-  "private",
-  "protected",
-  "public",
-  "lambda",
-  "proc",
-  "new"
-]), xo = [
-  { re: gt, type: "comment" },
-  { re: /:[A-Za-z_]\w*[?!]?/y, type: "string" },
-  { re: /@{1,2}[A-Za-z_]\w*|\$[A-Za-z_]\w*/y, type: "function" },
-  { re: S, type: "string" },
-  { re: K, type: "string" },
-  { re: Fe, type: "number" },
-  { re: /[A-Z]\w*/y, type: "property" },
-  F(/[a-z_]\w*[?!]?/y, Ms)
-], As = /* @__PURE__ */ new Set([
-  "class",
-  "define",
-  "node",
-  "inherits",
-  "if",
-  "elsif",
-  "else",
-  "unless",
-  "case",
-  "and",
-  "or",
-  "in",
-  "undef",
-  "true",
-  "false",
-  "default",
-  "import",
-  "include",
-  "require",
-  "contain",
-  "function",
-  "type",
-  "application",
-  "produces",
-  "consumes",
-  "private",
-  "return",
-  "break",
-  "next",
-  "each",
-  "map",
-  "filter",
-  "reduce",
-  "with",
-  "String",
-  "Integer",
-  "Boolean",
-  "Array",
-  "Hash",
-  "Optional",
-  "Enum",
-  "Variant",
-  "Numeric",
-  "Float",
-  "Undef",
-  "Any",
-  "Pattern",
-  "Regexp",
-  "Sensitive",
-  "Struct",
-  "Tuple",
-  "Type",
-  "Callable",
-  "Data",
-  "Scalar"
-]), fo = [
-  { re: gt, type: "comment" },
-  { re: S, type: "string" },
-  { re: K, type: "string" },
-  { re: /\$[\w:]+/y, type: "function" },
-  { re: /[a-zA-Z_][\w:]*(?=\s*\{)/y, type: "tag" },
-  { re: /[a-z_]\w*(?=\s*=>)/y, type: "property" },
-  { re: Fe, type: "number" },
-  F(/[A-Za-z_][\w:]*/y, As)
-], Ps = {
-  bash: We,
-  sh: We,
-  shell: We,
-  zsh: We,
-  yaml: vo,
-  yml: vo,
-  json: _s,
-  javascript: Xe,
-  js: Xe,
-  typescript: Xe,
-  ts: Xe,
-  css: Os,
-  html: uo,
-  xml: uo,
-  ruby: xo,
-  rb: xo,
-  puppet: fo,
-  pp: fo
-}, ks = {
-  bash: "Bash",
-  sh: "Shell",
-  shell: "Shell",
-  zsh: "Zsh",
-  yaml: "YAML",
-  yml: "YAML",
-  json: "JSON",
-  javascript: "JavaScript",
-  js: "JavaScript",
-  typescript: "TypeScript",
-  ts: "TypeScript",
-  css: "CSS",
-  html: "HTML",
-  xml: "XML",
-  ruby: "Ruby",
-  rb: "Ruby",
-  puppet: "Puppet",
-  pp: "Puppet",
-  plaintext: "Plain Text",
-  text: "Plain Text"
-};
-function Ls(r, e) {
-  const o = Ps[e];
-  return o ? ms(r, o) : [{ type: "plain", text: r }];
-}
-var Es = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, O = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ss(e, o) : e, a = r.length - 1, i; a >= 0; a--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Es(e, o, t), t;
-};
-function js(r) {
-  const e = r.split(`
-`);
-  for (; e.length && e[0].trim() === ""; ) e.shift();
-  for (; e.length && e[e.length - 1].trim() === ""; ) e.pop();
-  const o = e.filter((t) => t.trim() !== "").map((t) => {
-    var a;
-    return ((a = t.match(/^[ \t]*/)) == null ? void 0 : a[0].length) ?? 0;
-  }), s = o.length ? Math.min(...o) : 0;
-  return e.map((t) => t.slice(s)).join(`
-`);
-}
-function zs(r) {
-  const e = [[]];
-  for (const o of r)
-    o.text.split(`
-`).forEach((s, t) => {
-      t > 0 && e.push([]), s && e[e.length - 1].push({ type: o.type, text: s });
-    });
-  return e;
-}
-let $ = class extends h {
-  constructor() {
-    super(...arguments), this.language = "", this.filename = "", this.lineNumbers = !1, this.noCopy = !1, this.noHeader = !1, this.noBorder = !1, this._code = "", this._copied = !1;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this._copyResetTimer);
-  }
-  _handleSlotChange(r) {
-    const o = r.target.assignedNodes({ flatten: !0 }).map((s) => s.textContent ?? "").join("");
-    this._code = js(o);
-  }
-  async _copy() {
-    var r;
-    try {
-      await navigator.clipboard.writeText(this._code);
-    } catch {
-      const e = document.createElement("textarea");
-      e.value = this._code, e.style.position = "fixed", e.style.opacity = "0", (r = this.shadowRoot) == null || r.appendChild(e), e.select(), document.execCommand("copy"), e.remove();
-    }
-    this._copied = !0, clearTimeout(this._copyResetTimer), this._copyResetTimer = setTimeout(() => {
-      this._copied = !1;
-    }, 1500);
-  }
-  render() {
-    const r = ks[this.language] ?? this.language, e = zs(Ls(this._code, this.language));
-    return l`
-      <div class="block">
-        ${this.noHeader ? x : l`
-              <div class="header">
-                <span class="meta">
-                  ${this.filename ? l`<span class="filename">${this.filename}</span>` : x}
-                  ${r ? l`<span class="lang">${r}</span>` : x}
-                </span>
-                ${this.noCopy ? x : l`
-                      <button
-                        class="copy"
-                        type="button"
-                        @click=${this._copy}
-                        aria-label=${this._copied ? "Copied" : "Copy code"}
-                      >
-                        <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                          ${k[this._copied ? "check" : "copy"]}
-                        </svg>
-                      </button>
-                    `}
-              </div>
-            `}
-        <pre tabindex="0"><code>${e.map(
-      (o) => l`<span class="line">${o.map(
-        (s) => s.type === "plain" ? s.text : l`<span class="tok-${s.type}">${s.text}</span>`
-      )}</span>`
-    )}</code></pre>
-        <span class="visually-hidden" aria-live="polite">${this._copied ? "Copied to clipboard" : ""}</span>
-      </div>
-      <slot @slotchange=${this._handleSlotChange}></slot>
-    `;
-  }
-};
-$.styles = d`
-    :host {
-      display: block;
-      font-family: var(--vox-font-family-base);
-    }
-
-    .block {
-      border: 1px solid var(--vox-color-border);
-      border-radius: var(--vox-radius-md);
-      background-color: var(--vox-color-bg-alt);
-      overflow: hidden;
-    }
-
-    :host([no-border]) .block {
-      border: none;
-    }
-
-    .header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: var(--vox-space-3);
-      padding: var(--vox-space-2) var(--vox-space-2) var(--vox-space-2) var(--vox-space-4);
-      border-bottom: 1px solid var(--vox-color-divider);
-      font-size: 12px;
-    }
-
-    .meta {
-      display: flex;
-      align-items: baseline;
-      gap: var(--vox-space-3);
-      min-width: 0;
-      overflow: hidden;
-      color: var(--vox-color-text-2);
-    }
-
-    .filename {
-      color: var(--vox-color-text-1);
-      font-family: var(--vox-font-family-mono);
-      font-weight: 600;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    .lang {
-      flex: none;
-      text-transform: uppercase;
-      letter-spacing: 0.04em;
-    }
-
-    .copy {
-      flex: none;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: 28px;
-      height: 28px;
-      padding: 0;
-      border: none;
-      border-radius: var(--vox-radius-sm);
-      background: none;
-      color: var(--vox-color-text-2);
-      cursor: pointer;
-    }
-
-    .copy:hover {
-      background-color: var(--vox-color-brand-soft);
-      color: var(--vox-color-brand-1);
-    }
-
-    .copy:focus-visible {
-      outline: 2px solid var(--vox-color-brand-1);
-      outline-offset: 2px;
-    }
-
-    .copy svg {
-      width: 15px;
-      height: 15px;
-    }
-
-    pre {
-      margin: 0;
-      padding: var(--vox-space-4);
-      overflow-x: auto;
-      white-space: pre;
-      tab-size: 2;
-    }
-
-    pre:focus-visible {
-      outline: 2px solid var(--vox-color-brand-1);
-      outline-offset: -2px;
-    }
-
-    code {
-      font-family: var(--vox-font-family-mono);
-      font-size: 13px;
-      line-height: 1.7;
-      color: var(--vox-color-text-1);
-    }
-
-    .line {
-      display: block;
-    }
-
-    :host([line-numbers]) code {
-      counter-reset: line;
-    }
-
-    :host([line-numbers]) .line {
-      padding-left: 3.5ch;
-      position: relative;
-    }
-
-    :host([line-numbers]) .line::before {
-      counter-increment: line;
-      content: counter(line);
-      position: absolute;
-      left: 0;
-      width: 2.5ch;
-      text-align: right;
-      color: var(--vox-color-text-3);
-      user-select: none;
-    }
-
-    .tok-comment {
-      color: var(--vox-code-comment);
-      font-style: italic;
-    }
-    .tok-keyword {
-      color: var(--vox-code-keyword);
-    }
-    .tok-string {
-      color: var(--vox-code-string);
-    }
-    .tok-number {
-      color: var(--vox-code-number);
-    }
-    .tok-function {
-      color: var(--vox-code-function);
-    }
-    .tok-property {
-      color: var(--vox-code-property);
-    }
-    .tok-tag {
-      color: var(--vox-code-tag);
-    }
-
-    slot {
-      display: none;
-    }
-
-    .visually-hidden {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      overflow: hidden;
-      clip: rect(0 0 0 0);
-      white-space: nowrap;
-    }
-  `;
-O([
+], Q.prototype, "heading", 2);
+vt([
   n()
-], $.prototype, "language", 2);
-O([
+], Q.prototype, "href", 2);
+vt([
   n()
-], $.prototype, "filename", 2);
-O([
-  n({ type: Boolean, attribute: "line-numbers", reflect: !0 })
-], $.prototype, "lineNumbers", 2);
-O([
-  n({ type: Boolean, attribute: "no-copy" })
-], $.prototype, "noCopy", 2);
-O([
-  n({ type: Boolean, attribute: "no-header" })
-], $.prototype, "noHeader", 2);
-O([
-  n({ type: Boolean, attribute: "no-border", reflect: !0 })
-], $.prototype, "noBorder", 2);
-O([
-  ie()
-], $.prototype, "_code", 2);
-O([
-  ie()
-], $.prototype, "_copied", 2);
-$ = O([
-  p("vox-code-block")
-], $);
-var Vs = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, jo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ds(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Q.prototype, "target", 2);
+Q = vt([
+  h("vox-card")
+], Q);
+var hs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, wo = (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 && Vs(e, o, t), t;
+  return s && t && hs(e, o, t), t;
 };
-let it = class extends h {
+let et = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasBody = !1, this.hasActions = !1;
   }
@@ -5082,7 +4607,7 @@ let it = class extends h {
     `;
   }
 };
-it.styles = d`
+et.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5112,43 +4637,104 @@ it.styles = d`
       color: var(--vox-color-text-2);
     }
 
-    .body:not(.has-content) {
-      display: none;
-    }
-
-    .body ::slotted(a) {
-      color: var(--vox-color-brand-1);
-      text-decoration: underline;
-    }
-
-    .body ::slotted(a:hover) {
-      color: var(--vox-color-brand-2);
-    }
-
-    .actions {
+    .body:not(.has-content) {
+      display: none;
+    }
+
+    .body ::slotted(a) {
+      color: var(--vox-color-brand-1);
+      text-decoration: underline;
+    }
+
+    .body ::slotted(a:hover) {
+      color: var(--vox-color-brand-2);
+    }
+
+    .actions {
+      display: flex;
+      gap: var(--vox-space-3);
+      justify-content: center;
+      flex-wrap: wrap;
+      margin-top: var(--vox-space-6);
+    }
+
+    .actions:not(.has-content) {
+      display: none;
+    }
+  `;
+wo([
+  n()
+], et.prototype, "heading", 2);
+et = wo([
+  h("vox-cta-band")
+], et);
+var vs = Object.defineProperty, us = Object.getOwnPropertyDescriptor, _o = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? us(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && vs(e, o, t), t;
+};
+let tt = class extends p {
+  constructor() {
+    super(...arguments), this.name = "", this.hasIcon = !1;
+  }
+  handleIconSlotChange(r) {
+    const e = r.target;
+    this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
+  }
+  render() {
+    return l`
+      <span class="icon ${this.hasIcon ? "has-icon" : ""}">
+        <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
+      </span>
+      ${this.name ? l`<span class="sr-only">${this.name}: </span>` : x}
+      <slot></slot>
+    `;
+  }
+};
+tt.styles = d`
+    :host {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--vox-space-1);
+      font-family: var(--vox-font-family-base);
+      font-size: 13px;
+      color: var(--vox-color-text-2);
+    }
+
+    .icon {
       display: flex;
-      gap: var(--vox-space-3);
-      justify-content: center;
-      flex-wrap: wrap;
-      margin-top: var(--vox-space-6);
+      flex: none;
+      color: var(--vox-color-text-3);
     }
 
-    .actions:not(.has-content) {
+    .icon:not(.has-icon) {
       display: none;
     }
+
+    .sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
   `;
-jo([
+_o([
   n()
-], it.prototype, "heading", 2);
-it = jo([
-  p("vox-cta-band")
-], it);
-var Hs = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, zo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ts(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], tt.prototype, "name", 2);
+tt = _o([
+  h("vox-datum")
+], tt);
+var xs = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, Co = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? fs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Hs(e, o, t), t;
+  return s && t && xs(e, o, t), t;
 };
-let nt = class extends h {
+let ot = class extends p {
   constructor() {
     super(...arguments), this.heading = "";
   }
@@ -5163,7 +4749,7 @@ let nt = class extends h {
     `;
   }
 };
-nt.styles = d`
+ot.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5207,18 +4793,18 @@ nt.styles = d`
       margin-top: var(--vox-space-4);
     }
   `;
-zo([
+Co([
   n()
-], nt.prototype, "heading", 2);
-nt = zo([
-  p("vox-empty-state")
-], nt);
-var Bs = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, Kt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ns(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ot.prototype, "heading", 2);
+ot = Co([
+  h("vox-empty-state")
+], ot);
+var gs = Object.defineProperty, bs = Object.getOwnPropertyDescriptor, Ut = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? bs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Bs(e, o, t), t;
+  return s && t && gs(e, o, t), t;
 };
-let kt = class extends h {
+let Ct = class extends p {
   render() {
     return l`
       <footer>
@@ -5230,7 +4816,7 @@ let kt = class extends h {
     `;
   }
 };
-kt.styles = d`
+Ct.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5258,10 +4844,10 @@ kt.styles = d`
       color: var(--vox-color-text-3);
     }
   `;
-kt = Kt([
-  p("vox-footer")
-], kt);
-let lt = class extends h {
+Ct = Ut([
+  h("vox-footer")
+], Ct);
+let rt = class extends p {
   constructor() {
     super(...arguments), this.heading = "";
   }
@@ -5272,7 +4858,7 @@ let lt = class extends h {
     `;
   }
 };
-lt.styles = d`
+rt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5304,18 +4890,18 @@ lt.styles = d`
       text-decoration: underline;
     }
   `;
-Kt([
+Ut([
   n()
-], lt.prototype, "heading", 2);
-lt = Kt([
-  p("vox-footer-column")
-], lt);
-var Rs = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, bt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Us(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], rt.prototype, "heading", 2);
+rt = Ut([
+  h("vox-footer-column")
+], rt);
+var ms = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, ut = (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 && Rs(e, o, t), t;
+  return s && t && ms(e, o, t), t;
 };
-let se = class extends h {
+let ee = class extends p {
   constructor() {
     super(...arguments), this.cols = 0, this.min = "240px", this.gap = "md";
   }
@@ -5326,7 +4912,7 @@ let se = class extends h {
     return l`<slot></slot>`;
   }
 };
-se.styles = d`
+ee.styles = d`
     :host {
       display: grid;
     }
@@ -5343,24 +4929,24 @@ se.styles = d`
       gap: var(--vox-space-6);
     }
   `;
-bt([
+ut([
   n({ type: Number })
-], se.prototype, "cols", 2);
-bt([
+], ee.prototype, "cols", 2);
+ut([
   n()
-], se.prototype, "min", 2);
-bt([
+], ee.prototype, "min", 2);
+ut([
   n({ reflect: !0 })
-], se.prototype, "gap", 2);
-se = bt([
-  p("vox-grid")
-], se);
-var Is = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, Gt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? qs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], ee.prototype, "gap", 2);
+ee = ut([
+  h("vox-grid")
+], ee);
+var $s = Object.defineProperty, ws = Object.getOwnPropertyDescriptor, qt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? ws(e, o) : e, a = r.length - 1, i; a >= 0; a--)
     (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Is(e, o, t), t;
+  return s && t && $s(e, o, t), t;
 };
-let Le = class extends h {
+let Me = class extends p {
   constructor() {
     super(...arguments), this.eyebrow = "", this.heading = "", this.hasActions = !1;
   }
@@ -5381,7 +4967,7 @@ let Le = class extends h {
     `;
   }
 };
-Le.styles = d`
+Me.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5438,36 +5024,36 @@ Le.styles = d`
       display: none;
     }
   `;
-Gt([
+qt([
   n()
-], Le.prototype, "eyebrow", 2);
-Gt([
+], Me.prototype, "eyebrow", 2);
+qt([
   n()
-], Le.prototype, "heading", 2);
-Le = Gt([
-  p("vox-hero")
-], Le);
-var Zs = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, yt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Fs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Me.prototype, "heading", 2);
+Me = qt([
+  h("vox-hero")
+], Me);
+var _s = Object.defineProperty, Cs = Object.getOwnPropertyDescriptor, xt = (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 && Zs(e, o, t), t;
+  return s && t && _s(e, o, t), t;
 };
-let Lt = class extends h {
+let Ot = class extends p {
   render() {
     return l`<slot></slot>`;
   }
 };
-Lt.styles = d`
+Ot.styles = d`
     :host {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
       gap: var(--vox-space-4);
     }
   `;
-Lt = yt([
-  p("vox-link-hub")
-], Lt);
-let Ee = class extends h {
+Ot = xt([
+  h("vox-link-hub")
+], Ot);
+let Pe = class extends p {
   constructor() {
     super(...arguments), this.href = "#", this.heading = "", this.hasIcon = !1;
   }
@@ -5493,7 +5079,7 @@ let Ee = class extends h {
     `;
   }
 };
-Ee.styles = d`
+Pe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5554,21 +5140,21 @@ Ee.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-yt([
+xt([
   n()
-], Ee.prototype, "href", 2);
-yt([
+], Pe.prototype, "href", 2);
+xt([
   n()
-], Ee.prototype, "heading", 2);
-Ee = yt([
-  p("vox-link-hub-item")
-], Ee);
-var Ks = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, Yt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Gs(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Pe.prototype, "heading", 2);
+Pe = xt([
+  h("vox-link-hub-item")
+], Pe);
+var Os = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, Ft = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ms(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 && Ks(e, o, t), t;
+  return s && t && Os(e, o, t), t;
 };
-let Se = class extends h {
+let Ae = class extends p {
   constructor() {
     super(...arguments), this.size = "md", this.label = "Loading";
   }
@@ -5581,7 +5167,7 @@ let Se = class extends h {
     `;
   }
 };
-Se.styles = d`
+Ae.styles = d`
     :host {
       display: inline-block;
     }
@@ -5634,21 +5220,21 @@ Se.styles = d`
       white-space: nowrap;
     }
   `;
-Yt([
+Ft([
   n({ reflect: !0 })
-], Se.prototype, "size", 2);
-Yt([
+], Ae.prototype, "size", 2);
+Ft([
   n()
-], Se.prototype, "label", 2);
-Se = Yt([
-  p("vox-loader")
-], Se);
-var Ys = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Vo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ws(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Ae.prototype, "label", 2);
+Ae = Ft([
+  h("vox-loader")
+], Ae);
+var Ps = Object.defineProperty, As = Object.getOwnPropertyDescriptor, Oo = (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 && Ys(e, o, t), t;
+  return s && t && Ps(e, o, t), t;
 };
-let ct = class extends h {
+let st = class extends p {
   constructor() {
     super(...arguments), this.label = "Pagination";
   }
@@ -5660,7 +5246,7 @@ let ct = class extends h {
     `;
   }
 };
-ct.styles = d`
+st.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5700,18 +5286,18 @@ ct.styles = d`
       font-weight: 600;
     }
   `;
-Vo([
+Oo([
   n()
-], ct.prototype, "label", 2);
-ct = Vo([
-  p("vox-pagination")
-], ct);
-var Xs = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, Wt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Js(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], st.prototype, "label", 2);
+st = Oo([
+  h("vox-pagination")
+], st);
+var ks = Object.defineProperty, Ls = Object.getOwnPropertyDescriptor, Zt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ls(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 && Xs(e, o, t), t;
+  return s && t && ks(e, o, t), t;
 };
-let je = class extends h {
+let ke = class extends p {
   constructor() {
     super(...arguments), this.attribution = "", this.detail = "";
   }
@@ -5729,7 +5315,7 @@ let je = class extends h {
     `;
   }
 };
-je.styles = d`
+ke.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5771,21 +5357,239 @@ je.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-Wt([
+Zt([
+  n()
+], ke.prototype, "attribution", 2);
+Zt([
+  n()
+], ke.prototype, "detail", 2);
+ke = Zt([
+  h("vox-quote")
+], ke);
+var Es = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, Ie = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ss(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && Es(e, o, t), t;
+};
+let Mt = class extends p {
+  render() {
+    return l`<slot></slot>`;
+  }
+};
+Mt.styles = d`
+    :host {
+      display: grid;
+      grid-template-columns: repeat(3, max-content) 1fr;
+      column-gap: var(--vox-space-4);
+    }
+  `;
+Mt = Ie([
+  h("vox-record-list")
+], Mt);
+let te = class extends p {
+  constructor() {
+    super(...arguments), this.heading = "", this.size = "md", this.hasMeta = !1, this.hasEnd = !1;
+  }
+  handleMetaSlotChange(r) {
+    const e = r.target;
+    this.hasMeta = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
+  }
+  handleEndSlotChange(r) {
+    const e = r.target;
+    this.hasEnd = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
+  }
+  render() {
+    if (this.size === "sm") {
+      const r = l`
+        <span class="meta ${this.hasMeta ? "has-meta" : ""}">
+          <slot @slotchange=${this.handleMetaSlotChange}></slot>
+        </span>
+      `;
+      return l`
+        ${this.href ? l`<a class="cell" href=${this.href}>${this.heading}</a>` : l`<span class="cell">${this.heading}</span>`}
+        ${this.hasMeta && this.href ? l`<a class="cell" href=${this.href}>${r}</a>` : l`<span class="cell">${r}</span>`}
+        <span class="cell">
+          <slot name="end" @slotchange=${this.handleEndSlotChange}></slot>
+        </span>
+      `;
+    }
+    return l`
+      <div class="row">
+        <div class="main">
+          ${this.href ? l`<a class="heading" href=${this.href}>${this.heading}</a>` : l`<span class="heading">${this.heading}</span>`}
+          <div class="meta ${this.hasMeta ? "has-meta" : ""}">
+            <slot @slotchange=${this.handleMetaSlotChange}></slot>
+          </div>
+        </div>
+        <span class="end ${this.hasEnd ? "has-end" : ""}">
+          <slot name="end" @slotchange=${this.handleEndSlotChange}></slot>
+        </span>
+        ${this.href ? l`
+              <a class="arrow" href=${this.href} aria-label="View ${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" />
+                  <path d="m13 6 6 6-6 6" />
+                </svg>
+              </a>
+            ` : x}
+      </div>
+    `;
+  }
+};
+te.styles = d`
+    :host {
+      display: block;
+      grid-column: 1 / -1;
+      font-family: var(--vox-font-family-base);
+    }
+
+    .row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--vox-space-4);
+      padding: var(--vox-space-4) 0;
+      border-bottom: 1px solid var(--vox-color-divider);
+    }
+
+    :host(:last-child) .row {
+      border-bottom: none;
+    }
+
+    .main {
+      display: flex;
+      flex-direction: column;
+      gap: var(--vox-space-1);
+      min-width: 0;
+    }
+
+    .heading {
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 1.4;
+    }
+
+    a.heading {
+      color: var(--vox-color-brand-1);
+      text-decoration: none;
+    }
+
+    a.heading:hover,
+    a.heading:focus-visible {
+      text-decoration: underline;
+    }
+
+    a.heading:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: 2px;
+    }
+
+    span.heading {
+      color: var(--vox-color-text-1);
+    }
+
+    .meta {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--vox-space-4);
+    }
+
+    .meta:not(.has-meta) {
+      display: none;
+    }
+
+    .arrow {
+      display: flex;
+      flex: none;
+      align-items: center;
+      justify-content: center;
+      width: 36px;
+      height: 36px;
+      border-radius: var(--vox-radius-full);
+      background-color: var(--vox-color-bg-soft);
+      color: var(--vox-color-brand-1);
+      text-decoration: none;
+      transition: background-color var(--vox-transition-fast);
+    }
+
+    .arrow:hover {
+      background-color: var(--vox-color-brand-soft);
+    }
+
+    .arrow:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: 2px;
+    }
+
+    .arrow svg {
+      width: 16px;
+      height: 16px;
+    }
+
+    .end:not(.has-end) {
+      display: none;
+    }
+
+    /* Small size: heading, meta, and end each become their own subgrid
+       column, aligned against the same column in every other size="sm"
+       row in the parent <vox-record-list> — the arrow drops out since
+       there's no room for it at this density, and the whole "row" is
+       really 3 separate grid cells rather than one box, so heading and
+       the meta cell each link to href individually. */
+    :host([size='sm']) {
+      display: grid;
+      grid-template-columns: subgrid;
+      grid-column: 1 / -1;
+      align-items: baseline;
+      column-gap: var(--vox-space-4);
+      padding: var(--vox-space-2) 0;
+      border-bottom: 1px solid var(--vox-color-divider);
+      font-size: 13px;
+    }
+
+    :host([size='sm']:last-child) {
+      border-bottom: none;
+    }
+
+    :host([size='sm']) .meta {
+      flex-wrap: nowrap;
+      gap: var(--vox-space-2);
+    }
+
+    .cell {
+      color: var(--vox-color-text-2);
+      text-decoration: none;
+    }
+
+    a.cell:hover,
+    a.cell:focus-visible {
+      text-decoration: underline;
+    }
+
+    a.cell:focus-visible {
+      outline: 2px solid var(--vox-color-brand-1);
+      outline-offset: 2px;
+    }
+  `;
+Ie([
   n()
-], je.prototype, "attribution", 2);
-Wt([
+], te.prototype, "heading", 2);
+Ie([
   n()
-], je.prototype, "detail", 2);
-je = Wt([
-  p("vox-quote")
-], je);
-var Qs = Object.defineProperty, ea = Object.getOwnPropertyDescriptor, G = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ea(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], te.prototype, "href", 2);
+Ie([
+  n({ reflect: !0 })
+], te.prototype, "size", 2);
+te = Ie([
+  h("vox-record-list-item")
+], te);
+var js = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, U = (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 && Qs(e, o, t), t;
+  return s && t && js(e, o, t), t;
 };
-let dt = class extends h {
+let at = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasDescription = !1;
   }
@@ -5808,7 +5612,7 @@ let dt = class extends h {
     `;
   }
 };
-dt.styles = d`
+at.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5840,13 +5644,13 @@ dt.styles = d`
       margin-top: var(--vox-space-6);
     }
   `;
-G([
+U([
   n()
-], dt.prototype, "heading", 2);
-dt = G([
-  p("vox-sponsor-tier")
-], dt);
-let I = class extends h {
+], at.prototype, "heading", 2);
+at = U([
+  h("vox-sponsor-tier")
+], at);
+let N = class extends p {
   constructor() {
     super(...arguments), this.name = "", this.hasBody = !1;
   }
@@ -5872,7 +5676,7 @@ let I = class extends h {
         >` : l`<div class="sponsor">${r}</div>`;
   }
 };
-I.styles = d`
+N.styles = d`
     :host {
       display: block;
     }
@@ -5938,27 +5742,27 @@ I.styles = d`
       display: none;
     }
   `;
-G([
+U([
   n()
-], I.prototype, "name", 2);
-G([
+], N.prototype, "name", 2);
+U([
   n()
-], I.prototype, "href", 2);
-G([
+], N.prototype, "href", 2);
+U([
   n()
-], I.prototype, "logo", 2);
-G([
+], N.prototype, "logo", 2);
+U([
   n()
-], I.prototype, "target", 2);
-I = G([
-  p("vox-sponsor")
-], I);
-var ta = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, Xt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? oa(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], N.prototype, "target", 2);
+N = U([
+  h("vox-sponsor")
+], N);
+var Ds = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, Kt = (r, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? zs(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 && ta(e, o, t), t;
+  return s && t && Ds(e, o, t), t;
 };
-let ze = class extends h {
+let Le = class extends p {
   constructor() {
     super(...arguments), this.value = "", this.label = "";
   }
@@ -5970,7 +5774,7 @@ let ze = class extends h {
     `;
   }
 };
-ze.styles = d`
+Le.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5997,21 +5801,21 @@ ze.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-Xt([
+Kt([
   n()
-], ze.prototype, "value", 2);
-Xt([
+], Le.prototype, "value", 2);
+Kt([
   n()
-], ze.prototype, "label", 2);
-ze = Xt([
-  p("vox-stat")
-], ze);
-var ra = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Ke = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? sa(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], Le.prototype, "label", 2);
+Le = Kt([
+  h("vox-stat")
+], Le);
+var Hs = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, Ue = (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 && ra(e, o, t), t;
+  return s && t && Hs(e, o, t), t;
 };
-let Et = class extends h {
+let Pt = class extends p {
   numberSteps() {
     this.querySelectorAll("vox-step").forEach((r, e) => {
       r.number = e + 1;
@@ -6025,7 +5829,7 @@ let Et = class extends h {
     `;
   }
 };
-Et.styles = d`
+Pt.styles = d`
     :host {
       display: block;
     }
@@ -6039,10 +5843,10 @@ Et.styles = d`
       flex: 1 1 0;
     }
   `;
-Et = Ke([
-  p("vox-step-indicator")
-], Et);
-let ae = class extends h {
+Pt = Ue([
+  h("vox-step-indicator")
+], Pt);
+let oe = class extends p {
   constructor() {
     super(...arguments), this.label = "", this.state = "upcoming", this.number = 1;
   }
@@ -6063,7 +5867,7 @@ let ae = class extends h {
     `;
   }
 };
-ae.styles = d`
+oe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -6137,37 +5941,37 @@ ae.styles = d`
       color: var(--vox-color-text-1);
     }
   `;
-Ke([
+Ue([
   n()
-], ae.prototype, "label", 2);
-Ke([
+], oe.prototype, "label", 2);
+Ue([
   n({ reflect: !0 })
-], ae.prototype, "state", 2);
-Ke([
+], oe.prototype, "state", 2);
+Ue([
   n({ type: Number })
-], ae.prototype, "number", 2);
-ae = Ke([
-  p("vox-step")
-], ae);
-var aa = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, mt = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? ia(e, o) : e, a = r.length - 1, i; a >= 0; a--)
+], oe.prototype, "number", 2);
+oe = Ue([
+  h("vox-step")
+], oe);
+var Bs = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, ft = (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 && aa(e, o, t), t;
+  return s && t && Bs(e, o, t), t;
 };
-let St = class extends h {
+let At = class extends p {
   render() {
     return l`<slot></slot>`;
   }
 };
-St.styles = d`
+At.styles = d`
     :host {
       display: block;
     }
   `;
-St = mt([
-  p("vox-timeline")
-], St);
-let Ve = class extends h {
+At = ft([
+  h("vox-timeline")
+], At);
+let Ee = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.date = "";
   }
@@ -6182,7 +5986,7 @@ let Ve = class extends h {
     `;
   }
 };
-Ve.styles = d`
+Ee.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -6232,70 +6036,73 @@ Ve.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-mt([
+ft([
   n()
-], Ve.prototype, "heading", 2);
-mt([
+], Ee.prototype, "heading", 2);
+ft([
   n()
-], Ve.prototype, "date", 2);
-Ve = mt([
-  p("vox-timeline-item")
-], Ve);
+], Ee.prototype, "date", 2);
+Ee = ft([
+  h("vox-timeline-item")
+], Ee);
 export {
-  st as VoxAccordion,
-  Ae as VoxAccordionItem,
-  U as VoxAlert,
-  B as VoxAvatar,
-  at as VoxBadge,
-  ye as VoxBillboard,
-  Mt as VoxBreadcrumbs,
-  C as VoxButton,
-  Pe as VoxCalendarTile,
-  ke as VoxCallout,
-  re as VoxCard,
-  fe as VoxCheckbox,
-  $ as VoxCodeBlock,
-  xe as VoxCta,
-  it as VoxCtaBand,
-  R as VoxDialog,
-  Oe as VoxDisclosure,
-  Me as VoxDropdown,
-  nt as VoxEmptyState,
-  L as VoxFileInput,
-  kt as VoxFooter,
-  lt as VoxFooterColumn,
-  se as VoxGrid,
-  te as VoxHeader,
-  Le as VoxHero,
-  Q as VoxIcon,
-  E as VoxInput,
-  Ot as VoxInputGroup,
-  Lt as VoxLinkHub,
-  Ee as VoxLinkHubItem,
-  Se as VoxLoader,
-  ct as VoxPagination,
-  je as VoxQuote,
-  ee as VoxRadio,
-  tt as VoxRadioGroup,
-  ge as VoxSelect,
-  N as VoxSeriesNav,
-  oe as VoxSidenav,
-  me as VoxSidenavGroup,
-  $e as VoxSidenavItem,
-  I as VoxSponsor,
-  dt as VoxSponsorTier,
-  ze as VoxStat,
-  ae as VoxStep,
-  Et as VoxStepIndicator,
-  ot as VoxSubnav,
-  be as VoxSwitch,
-  we as VoxTab,
-  _e as VoxTabPanel,
-  At as VoxTabs,
-  T as VoxTextarea,
-  J as VoxThemeToggle,
-  St as VoxTimeline,
-  Ve as VoxTimelineItem,
-  rt as VoxToc,
-  Ce as VoxTocItem
+  Ye as VoxAccordion,
+  _e as VoxAccordionItem,
+  B as VoxAlert,
+  z as VoxAvatar,
+  Qe as VoxBadge,
+  xe as VoxBillboard,
+  wt as VoxBreadcrumbs,
+  _ as VoxButton,
+  Ce as VoxCalendarTile,
+  Oe as VoxCallout,
+  Q as VoxCard,
+  pe as VoxCheckbox,
+  he as VoxCta,
+  et as VoxCtaBand,
+  tt as VoxDatum,
+  T as VoxDialog,
+  $e as VoxDisclosure,
+  we as VoxDropdown,
+  ot as VoxEmptyState,
+  P as VoxFileInput,
+  Ct as VoxFooter,
+  rt as VoxFooterColumn,
+  ee as VoxGrid,
+  X as VoxHeader,
+  Me as VoxHero,
+  W as VoxIcon,
+  A as VoxInput,
+  $t as VoxInputGroup,
+  Ot as VoxLinkHub,
+  Pe as VoxLinkHubItem,
+  Ae as VoxLoader,
+  Y as VoxMenu,
+  st as VoxPagination,
+  ke as VoxQuote,
+  G as VoxRadio,
+  Ge as VoxRadioGroup,
+  Mt as VoxRecordList,
+  te as VoxRecordListItem,
+  ve as VoxSelect,
+  H as VoxSeriesNav,
+  J as VoxSidenav,
+  fe as VoxSidenavGroup,
+  ge as VoxSidenavItem,
+  N as VoxSponsor,
+  at as VoxSponsorTier,
+  Le as VoxStat,
+  oe as VoxStep,
+  Pt as VoxStepIndicator,
+  Xe as VoxSubnav,
+  ue as VoxSwitch,
+  be as VoxTab,
+  me as VoxTabPanel,
+  _t as VoxTabs,
+  D as VoxTextarea,
+  K as VoxThemeToggle,
+  At as VoxTimeline,
+  Ee as VoxTimelineItem,
+  Je as VoxToc,
+  ye as VoxTocItem
 };