@openvoxproject/voxblocks 0.12.0 → 0.15.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 {
-  constructor(e, o, s) {
-    if (this._$cssResult$ = !0, s !== zt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = e, this.t = o;
+const st = globalThis, Nt = st.ShadowRoot && (st.ShadyCSS === void 0 || st.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Rt = Symbol(), so = /* @__PURE__ */ new WeakMap();
+let _o = class {
+  constructor(e, r, s) {
+    if (this._$cssResult$ = !0, s !== Rt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = e, this.t = r;
   }
   get styleSheet() {
     let e = this.o;
-    const o = this.t;
-    if (jt && 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));
+    const r = this.t;
+    if (Nt && e === void 0) {
+      const s = r !== void 0 && r.length === 1;
+      s && (e = so.get(r)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && so.set(r, e));
     }
     return e;
   }
@@ -22,77 +22,77 @@ let bo = class {
     return this.cssText;
   }
 };
-const Do = (r) => new bo(typeof r == "string" ? r : r + "", void 0, zt), d = (r, ...e) => {
-  const o = r.length === 1 ? r[0] : e.reduce((s, t, a) => s + ((i) => {
+const Ro = (o) => new _o(typeof o == "string" ? o : o + "", void 0, Rt), d = (o, ...e) => {
+  const r = o.length === 1 ? o[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);
-  else for (const o of e) {
-    const s = document.createElement("style"), t = Je.litNonce;
-    t !== void 0 && s.setAttribute("nonce", t), s.textContent = o.cssText, r.appendChild(s);
-  }
-}, eo = jt ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
-  let o = "";
-  for (const s of e.cssRules) o += s.cssText;
-  return Do(o);
-})(r) : r;
+  })(t) + o[a + 1], o[0]);
+  return new _o(r, o, Rt);
+}, Io = (o, e) => {
+  if (Nt) o.adoptedStyleSheets = e.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet);
+  else for (const r of e) {
+    const s = document.createElement("style"), t = st.litNonce;
+    t !== void 0 && s.setAttribute("nonce", t), s.textContent = r.cssText, o.appendChild(s);
+  }
+}, ao = Nt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((e) => {
+  let r = "";
+  for (const s of e.cssRules) r += s.cssText;
+  return Ro(r);
+})(o) : o;
 /**
  * @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: qo, defineProperty: Uo, getOwnPropertyDescriptor: Zo, getOwnPropertyNames: Fo, getOwnPropertySymbols: Ko, getPrototypeOf: Go } = Object, z = globalThis, io = z.trustedTypes, Wo = io ? io.emptyScript : "", kt = z.reactiveElementPolyfillSupport, be = (o, e) => o, at = { toAttribute(o, e) {
   switch (e) {
     case Boolean:
-      r = r ? qo : null;
+      o = o ? Wo : null;
       break;
     case Object:
     case Array:
-      r = r == null ? r : JSON.stringify(r);
+      o = o == null ? o : JSON.stringify(o);
   }
-  return r;
-}, fromAttribute(r, e) {
-  let o = r;
+  return o;
+}, fromAttribute(o, e) {
+  let r = o;
   switch (e) {
     case Boolean:
-      o = r !== null;
+      r = o !== null;
       break;
     case Number:
-      o = r === null ? null : Number(r);
+      r = o === null ? null : Number(o);
       break;
     case Object:
     case Array:
       try {
-        o = JSON.parse(r);
+        r = JSON.parse(o);
       } catch {
-        o = null;
+        r = null;
       }
   }
-  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 {
+  return r;
+} }, It = (o, e) => !qo(o, e), no = { attribute: !0, type: String, converter: at, reflect: !1, useDefault: !1, hasChanged: It };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), z.litPropertyMetadata ?? (z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let se = 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) {
-    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);
+  static createProperty(e, r = no) {
+    if (r.state && (r.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((r = Object.create(r)).wrapped = !0), this.elementProperties.set(e, r), !r.noAccessor) {
+      const s = Symbol(), t = this.getPropertyDescriptor(e, s, r);
+      t !== void 0 && Uo(this.prototype, e, t);
     }
   }
-  static getPropertyDescriptor(e, o, s) {
-    const { get: t, set: a } = No(this.prototype, e) ?? { get() {
-      return this[o];
+  static getPropertyDescriptor(e, r, s) {
+    const { get: t, set: a } = Zo(this.prototype, e) ?? { get() {
+      return this[r];
     }, set(i) {
-      this[o] = i;
+      this[r] = i;
     } };
     return { get: t, set(i) {
       const v = t == null ? void 0 : t.call(this);
@@ -100,41 +100,41 @@ let Y = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? oo;
+    return this.elementProperties.get(e) ?? no;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(de("elementProperties"))) return;
-    const e = Io(this);
+    if (this.hasOwnProperty(be("elementProperties"))) return;
+    const e = Go(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)];
-      for (const t of s) this.createProperty(t, o[t]);
+    if (this.hasOwnProperty(be("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(be("properties"))) {
+      const r = this.properties, s = [...Fo(r), ...Ko(r)];
+      for (const t of s) this.createProperty(t, r[t]);
     }
     const e = this[Symbol.metadata];
     if (e !== null) {
-      const o = litPropertyMetadata.get(e);
-      if (o !== void 0) for (const [s, t] of o) this.elementProperties.set(s, t);
+      const r = litPropertyMetadata.get(e);
+      if (r !== void 0) for (const [s, t] of r) this.elementProperties.set(s, t);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [o, s] of this.elementProperties) {
-      const t = this._$Eu(o, s);
-      t !== void 0 && this._$Eh.set(t, o);
+    for (const [r, s] of this.elementProperties) {
+      const t = this._$Eu(r, s);
+      t !== void 0 && this._$Eh.set(t, r);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(e) {
-    const o = [];
+    const r = [];
     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));
-    return o;
+      for (const t of s) r.unshift(ao(t));
+    } else e !== void 0 && r.push(ao(e));
+    return r;
   }
-  static _$Eu(e, o) {
-    const s = o.attribute;
+  static _$Eu(e, r) {
+    const s = r.attribute;
     return s === !1 ? void 0 : typeof s == "string" ? s : typeof e == "string" ? e.toLowerCase() : void 0;
   }
   constructor() {
@@ -142,80 +142,80 @@ let Y = class extends HTMLElement {
   }
   _$Ev() {
     var e;
-    this._$ES = new Promise((o) => this.enableUpdating = o), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((o) => o(this));
+    this._$ES = new Promise((r) => this.enableUpdating = r), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((r) => r(this));
   }
   addController(e) {
-    var o;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((o = e.hostConnected) == null || o.call(e));
+    var r;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((r = e.hostConnected) == null || r.call(e));
   }
   removeController(e) {
-    var o;
-    (o = this._$EO) == null || o.delete(e);
+    var r;
+    (r = this._$EO) == null || r.delete(e);
   }
   _$E_() {
-    const e = /* @__PURE__ */ new Map(), o = this.constructor.elementProperties;
-    for (const s of o.keys()) this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
+    const e = /* @__PURE__ */ new Map(), r = this.constructor.elementProperties;
+    for (const s of r.keys()) this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
     e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Ho(e, this.constructor.elementStyles), e;
+    return Io(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((o) => {
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((r) => {
       var s;
-      return (s = o.hostConnected) == null ? void 0 : s.call(o);
+      return (s = r.hostConnected) == null ? void 0 : s.call(r);
     });
   }
   enableUpdating(e) {
   }
   disconnectedCallback() {
     var e;
-    (e = this._$EO) == null || e.forEach((o) => {
+    (e = this._$EO) == null || e.forEach((r) => {
       var s;
-      return (s = o.hostDisconnected) == null ? void 0 : s.call(o);
+      return (s = r.hostDisconnected) == null ? void 0 : s.call(r);
     });
   }
-  attributeChangedCallback(e, o, s) {
+  attributeChangedCallback(e, r, s) {
     this._$AK(e, s);
   }
-  _$ET(e, o) {
+  _$ET(e, r) {
     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 : at).toAttribute(r, s.type);
       this._$Em = e, i == null ? this.removeAttribute(t) : this.setAttribute(t, i), this._$Em = null;
     }
   }
-  _$AK(e, o) {
+  _$AK(e, r) {
     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 v = s.getPropertyOptions(t), u = typeof v.converter == "function" ? { fromAttribute: v.converter } : ((a = v.converter) == null ? void 0 : a.fromAttribute) !== void 0 ? v.converter : at;
       this._$Em = t;
-      const f = u.fromAttribute(o, v.type);
+      const f = u.fromAttribute(r, v.type);
       this[t] = f ?? ((i = this._$Ej) == null ? void 0 : i.get(t)) ?? f, this._$Em = null;
     }
   }
-  requestUpdate(e, o, s, t = !1, a) {
+  requestUpdate(e, r, 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;
-      this.C(e, o, s);
+      if (t === !1 && (a = this[e]), s ?? (s = v.getPropertyOptions(e)), !((s.hasChanged ?? It)(a, r) || s.useDefault && s.reflect && a === ((i = this._$Ej) == null ? void 0 : i.get(e)) && !this.hasAttribute(v._$Eu(e, s)))) return;
+      this.C(e, r, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, o, { useDefault: s, reflect: t, wrapped: a }, i) {
-    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, i ?? o ?? this[e]), a !== !0 || i !== void 0) || (this._$AL.has(e) || (this.hasUpdated || s || (o = void 0), this._$AL.set(e, o)), t === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, r, { useDefault: s, reflect: t, wrapped: a }, i) {
+    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, i ?? r ?? this[e]), a !== !0 || i !== void 0) || (this._$AL.has(e) || (this.hasUpdated || s || (r = void 0), this._$AL.set(e, r)), t === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
-    } catch (o) {
-      Promise.reject(o);
+    } catch (r) {
+      Promise.reject(r);
     }
     const e = this.scheduleUpdate();
     return e != null && await e, !this.isUpdatePending;
@@ -238,22 +238,22 @@ let Y = class extends HTMLElement {
       }
     }
     let e = !1;
-    const o = this._$AL;
+    const r = this._$AL;
     try {
-      e = this.shouldUpdate(o), e ? (this.willUpdate(o), (s = this._$EO) == null || s.forEach((t) => {
+      e = this.shouldUpdate(r), e ? (this.willUpdate(r), (s = this._$EO) == null || s.forEach((t) => {
         var a;
         return (a = t.hostUpdate) == null ? void 0 : a.call(t);
-      }), this.update(o)) : this._$EM();
+      }), this.update(r)) : this._$EM();
     } catch (t) {
       throw e = !1, this._$EM(), t;
     }
-    e && this._$AE(o);
+    e && this._$AE(r);
   }
   willUpdate(e) {
   }
   _$AE(e) {
-    var o;
-    (o = this._$EO) == null || o.forEach((s) => {
+    var r;
+    (r = this._$EO) == null || r.forEach((s) => {
       var t;
       return (t = s.hostUpdated) == null ? void 0 : t.call(s);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
@@ -271,85 +271,85 @@ let Y = class extends HTMLElement {
     return !0;
   }
   update(e) {
-    this._$Eq && (this._$Eq = this._$Eq.forEach((o) => this._$ET(o, this[o]))), this._$EM();
+    this._$Eq && (this._$Eq = this._$Eq.forEach((r) => this._$ET(r, this[r]))), this._$EM();
   }
   updated(e) {
   }
   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");
+se.elementStyles = [], se.shadowRootOptions = { mode: "open" }, se[be("elementProperties")] = /* @__PURE__ */ new Map(), se[be("finalized")] = /* @__PURE__ */ new Map(), kt == null || kt({ ReactiveElement: se }), (z.reactiveElementVersions ?? (z.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 ye = globalThis, lo = (o) => o, it = ye.trustedTypes, co = it ? it.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Co = "$lit$", j = `lit$${Math.random().toFixed(9).slice(2)}$`, Oo = "?" + j, Yo = `<${Oo}>`, Z = document, me = () => Z.createComment(""), we = (o) => o === null || typeof o != "object" && typeof o != "function", qt = Array.isArray, Jo = (o) => qt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", Pt = `[ 	
+\f\r]`, ge = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ho = /-->/g, po = />/g, R = RegExp(`>|${Pt}(?:([^\\s"'>=/]+)(${Pt}*=${Pt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), vo = /'/g, uo = /"/g, Mo = /^(?:script|style|textarea|title)$/i, Ao = (o) => (e, ...r) => ({ _$litType$: o, strings: e, values: r }), l = Ao(1), c = Ao(2), C = Symbol.for("lit-noChange"), x = Symbol.for("lit-nothing"), xo = /* @__PURE__ */ new WeakMap(), q = Z.createTreeWalker(Z, 129);
+function ko(o, e) {
+  if (!qt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return co !== void 0 ? co.createHTML(e) : e;
 }
-const Ko = (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];
+const Xo = (o, e) => {
+  const r = o.length - 1, s = [];
+  let t, a = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", i = ge;
+  for (let v = 0; v < r; v++) {
+    const u = o[v];
+    let f, y, g = -1, E = 0;
+    for (; E < u.length && (i.lastIndex = E, y = i.exec(u), y !== null); ) E = i.lastIndex, i === ge ? y[1] === "!--" ? i = ho : y[1] !== void 0 ? i = po : y[2] !== void 0 ? (Mo.test(y[2]) && (t = RegExp("</" + y[2], "g")), i = R) : y[3] !== void 0 && (i = R) : i === R ? y[0] === ">" ? (i = t ?? ge, g = -1) : y[1] === void 0 ? g = -2 : (g = i.lastIndex - y[2].length, f = y[1], i = y[3] === void 0 ? R : y[3] === '"' ? uo : vo) : i === uo || i === vo ? i = R : i === ho || i === po ? i = ge : (i = R, t = void 0);
+    const V = i === R && o[v + 1].startsWith("/>") ? " " : "";
+    a += i === ge ? u + Yo : g >= 0 ? (s.push(f), u.slice(0, g) + Co + u.slice(g) + j + V) : u + j + (g === -2 ? v : V);
+  }
+  return [ko(o, a + (o[r] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
-class ue {
-  constructor({ strings: e, _$litType$: o }, s) {
+class $e {
+  constructor({ strings: e, _$litType$: r }, 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 v = e.length - 1, u = this.parts, [f, y] = Xo(e, r);
+    if (this.el = $e.createElement(f, s), q.currentNode = this.el.content, r === 2 || r === 3) {
       const g = this.el.content.firstChild;
       g.replaceWith(...g.childNodes);
     }
-    for (; (t = V.nextNode()) !== null && u.length < v; ) {
+    for (; (t = q.nextNode()) !== null && u.length < v; ) {
       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 E = y[i++], V = t.getAttribute(g).split(j), et = /([.?@])?(.*)/.exec(E);
+          u.push({ type: 1, index: a, name: et[2], strings: V, ctor: et[1] === "." ? er : et[1] === "?" ? tr : et[1] === "@" ? or : gt }), t.removeAttribute(g);
+        } else g.startsWith(j) && (u.push({ type: 6, index: a }), t.removeAttribute(g));
+        if (Mo.test(t.tagName)) {
+          const g = t.textContent.split(j), E = g.length - 1;
+          if (E > 0) {
+            t.textContent = it ? it.emptyScript : "";
+            for (let V = 0; V < E; V++) t.append(g[V], me()), q.nextNode(), u.push({ type: 2, index: ++a });
+            t.append(g[E], me());
           }
         }
-      } else if (t.nodeType === 8) if (t.data === mo) u.push({ type: 2, index: a });
+      } else if (t.nodeType === 8) if (t.data === Oo) u.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(j, g + 1)) !== -1; ) u.push({ type: 7, index: a }), g += j.length - 1;
       }
       a++;
     }
   }
-  static createElement(e, o) {
-    const s = H.createElement("template");
+  static createElement(e, r) {
+    const s = Z.createElement("template");
     return s.innerHTML = e, s;
   }
 }
-function W(r, e, o = r, s) {
+function ae(o, e, r = o, s) {
   var i, v;
-  if (e === m) return e;
-  let t = s !== void 0 ? (i = o._$Co) == null ? void 0 : i[s] : o._$Cl;
-  const a = 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;
+  if (e === C) return e;
+  let t = s !== void 0 ? (i = r._$Co) == null ? void 0 : i[s] : r._$Cl;
+  const a = we(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(o), t._$AT(o, r, s)), s !== void 0 ? (r._$Co ?? (r._$Co = []))[s] = t : r._$Cl = t), t !== void 0 && (e = ae(o, t._$AS(o, e.values), t, s)), e;
 }
-class Go {
-  constructor(e, o) {
-    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = o;
+class Qo {
+  constructor(e, r) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = r;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -358,35 +358,35 @@ 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];
+    const { el: { content: r }, parts: s } = this._$AD, t = ((e == null ? void 0 : e.creationScope) ?? Z).importNode(r, !0);
+    q.currentNode = t;
+    let a = q.nextNode(), i = 0, v = 0, u = s[0];
     for (; u !== void 0; ) {
       if (i === u.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];
+        u.type === 2 ? f = new qe(a, a.nextSibling, this, e) : u.type === 1 ? f = new u.ctor(a, u.name, u.strings, this, e) : u.type === 6 && (f = new rr(a, this, e)), this._$AV.push(f), u = s[++v];
       }
-      i !== (u == null ? void 0 : u.index) && (a = V.nextNode(), i++);
+      i !== (u == null ? void 0 : u.index) && (a = q.nextNode(), i++);
     }
-    return V.currentNode = H, t;
+    return q.currentNode = Z, 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++;
+    let r = 0;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, r), r += s.strings.length - 2) : s._$AI(e[r])), r++;
   }
 }
-class De {
+class qe {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
-  constructor(e, o, s, t) {
-    this.type = 2, this._$AH = x, this._$AN = void 0, this._$AA = e, this._$AB = o, this._$AM = s, this.options = t, this._$Cv = (t == null ? void 0 : t.isConnected) ?? !0;
+  constructor(e, r, s, t) {
+    this.type = 2, this._$AH = x, this._$AN = void 0, this._$AA = e, this._$AB = r, this._$AM = s, this.options = t, this._$Cv = (t == null ? void 0 : t.isConnected) ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
-    const o = this._$AM;
-    return o !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = o.parentNode), e;
+    const r = this._$AM;
+    return r !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = r.parentNode), e;
   }
   get startNode() {
     return this._$AA;
@@ -394,8 +394,8 @@ class De {
   get endNode() {
     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);
+  _$AI(e, r = this) {
+    e = ae(this, e, r), we(e) ? e === x || e == null || e === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : e !== this._$AH && e !== C && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Jo(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -404,58 +404,58 @@ 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 && we(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Z.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);
-    if (((a = this._$AH) == null ? void 0 : a._$AD) === t) this._$AH.p(o);
+    const { values: r, _$litType$: s } = e, t = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = $e.createElement(ko(s.h, s.h[0]), this.options)), s);
+    if (((a = this._$AH) == null ? void 0 : a._$AD) === t) this._$AH.p(r);
     else {
-      const i = new Go(t, this), v = i.u(this.options);
-      i.p(o), this.T(v), this._$AH = i;
+      const i = new Qo(t, this), v = i.u(this.options);
+      i.p(r), this.T(v), 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 r = xo.get(e.strings);
+    return r === void 0 && xo.set(e.strings, r = new $e(e)), r;
   }
   k(e) {
-    Dt(this._$AH) || (this._$AH = [], this._$AR());
-    const o = this._$AH;
+    qt(this._$AH) || (this._$AH = [], this._$AR());
+    const r = 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++;
-    t < o.length && (this._$AR(s && s._$AB.nextSibling, t), o.length = t);
+    for (const a of e) t === r.length ? r.push(s = new qe(this.O(me()), this.O(me()), this, this.options)) : s = r[t], s._$AI(a), t++;
+    t < r.length && (this._$AR(s && s._$AB.nextSibling, t), r.length = t);
   }
-  _$AR(e = this._$AA.nextSibling, o) {
+  _$AR(e = this._$AA.nextSibling, r) {
     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;
+    for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, r); e !== this._$AB; ) {
+      const t = lo(e).nextSibling;
+      lo(e).remove(), e = t;
     }
   }
   setConnected(e) {
-    var o;
-    this._$AM === void 0 && (this._$Cv = e, (o = this._$AP) == null || o.call(this, e));
+    var r;
+    this._$AM === void 0 && (this._$Cv = e, (r = this._$AP) == null || r.call(this, e));
   }
 }
-class pt {
+class gt {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, o, s, t, a) {
-    this.type = 1, this._$AH = x, this._$AN = void 0, this.element = e, this.name = o, this._$AM = t, this.options = a, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = x;
+  constructor(e, r, s, t, a) {
+    this.type = 1, this._$AH = x, this._$AN = void 0, this.element = e, this.name = r, this._$AM = t, this.options = a, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = x;
   }
-  _$AI(e, o = this, s, t) {
+  _$AI(e, r = 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 = ae(this, e, r, 0), i = !we(e) || e !== this._$AH && e !== C, 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;
+      for (e = a[0], u = 0; u < a.length - 1; u++) f = ae(this, v[s + u], r, u), f === C && (f = this._$AH[u]), i || (i = !we(f) || f !== this._$AH[u]), f === x ? e = x : e !== x && (e += (f ?? "") + a[u + 1]), this._$AH[u] = f;
     }
     i && !t && this.j(e);
   }
@@ -463,7 +463,7 @@ class pt {
     e === x ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Yo extends pt {
+class er extends gt {
   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 tr extends gt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -479,60 +479,60 @@ class Wo extends pt {
     this.element.toggleAttribute(this.name, !!e && e !== x);
   }
 }
-class Xo extends pt {
-  constructor(e, o, s, t, a) {
-    super(e, o, s, t, a), this.type = 5;
+class or extends gt {
+  constructor(e, r, s, t, a) {
+    super(e, r, s, t, a), this.type = 5;
   }
-  _$AI(e, o = this) {
-    if ((e = W(this, e, o, 0) ?? x) === m) return;
+  _$AI(e, r = this) {
+    if ((e = ae(this, e, r, 0) ?? x) === C) return;
     const s = this._$AH, t = e === x && s !== x || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, a = e !== x && (s === x || t);
     t && this.element.removeEventListener(this.name, this, s), a && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
-    var o;
-    typeof this._$AH == "function" ? this._$AH.call(((o = this.options) == null ? void 0 : o.host) ?? this.element, e) : this._$AH.handleEvent(e);
+    var r;
+    typeof this._$AH == "function" ? this._$AH.call(((r = this.options) == null ? void 0 : r.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Jo {
-  constructor(e, o, s) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = s;
+class rr {
+  constructor(e, r, s) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = s;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    W(this, e);
+    ae(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 s = (o == null ? void 0 : o.renderBefore) ?? e;
+const Et = ye.litHtmlPolyfillSupport;
+Et == null || Et($e, qe), (ye.litHtmlVersions ?? (ye.litHtmlVersions = [])).push("3.3.3");
+const sr = (o, e, r) => {
+  const s = (r == null ? void 0 : r.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 ?? {});
+    const a = (r == null ? void 0 : r.renderBefore) ?? null;
+    s._$litPart$ = t = new qe(e.insertBefore(me(), a), a, void 0, r ?? {});
   }
-  return t._$AI(r), t;
+  return t._$AI(o), t;
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = globalThis;
-let h = class extends Y {
+const U = globalThis;
+let p = class extends se {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
   createRenderRoot() {
-    var o;
+    var r;
     const e = super.createRenderRoot();
-    return (o = this.renderOptions).renderBefore ?? (o.renderBefore = e.firstChild), e;
+    return (r = this.renderOptions).renderBefore ?? (r.renderBefore = e.firstChild), e;
   }
   update(e) {
-    const o = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Qo(o, this.renderRoot, this.renderOptions);
+    const r = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = sr(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -543,82 +543,82 @@ let h = class extends Y {
     super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
   }
   render() {
-    return m;
+    return C;
   }
 };
-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 $o;
+p._$litElement$ = !0, p.finalized = !0, ($o = U.litElementHydrateSupport) == null || $o.call(U, { LitElement: p });
+const Lt = U.litElementPolyfillSupport;
+Lt == null || Lt({ LitElement: p });
+(U.litElementVersions ?? (U.litElementVersions = [])).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const p = (r) => (e, o) => {
-  o !== void 0 ? o.addInitializer(() => {
-    customElements.define(r, e);
-  }) : customElements.define(r, e);
+const h = (o) => (e, r) => {
+  r !== void 0 ? r.addInitializer(() => {
+    customElements.define(o, e);
+  }) : customElements.define(o, e);
 };
 /**
  * @license
  * 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 { kind: s, metadata: t } = o;
+const ar = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: It }, ir = (o = ar, e, r) => {
+  const { kind: s, metadata: t } = r;
   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;
+  if (a === void 0 && globalThis.litPropertyMetadata.set(t, a = /* @__PURE__ */ new Map()), s === "setter" && ((o = Object.create(o)).wrapped = !0), a.set(r.name, o), s === "accessor") {
+    const { name: i } = r;
     return { set(v) {
       const u = e.get.call(this);
-      e.set.call(this, v), this.requestUpdate(i, u, r, !0, v);
+      e.set.call(this, v), this.requestUpdate(i, u, o, !0, v);
     }, init(v) {
-      return v !== void 0 && this.C(i, void 0, r, v), v;
+      return v !== void 0 && this.C(i, void 0, o, v), v;
     } };
   }
   if (s === "setter") {
-    const { name: i } = o;
+    const { name: i } = r;
     return function(v) {
       const u = this[i];
-      e.call(this, v), this.requestUpdate(i, u, r, !0, v);
+      e.call(this, v), this.requestUpdate(i, u, o, !0, v);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function n(r) {
-  return (e, o) => typeof o == "object" ? tr(r, e, o) : ((s, t, a) => {
+function n(o) {
+  return (e, r) => typeof r == "object" ? ir(o, e, r) : ((s, t, a) => {
     const i = t.hasOwnProperty(a);
     return t.constructor.createProperty(a, s), i ? Object.getOwnPropertyDescriptor(t, a) : void 0;
-  })(r, e, o);
+  })(o, e, r);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function ie(r) {
-  return n({ ...r, state: !0, attribute: !1 });
+function k(o) {
+  return n({ ...o, state: !0, attribute: !1 });
 }
 /**
  * @license
  * 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 nr = (o, e, r) => (r.configurable = !0, r.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(o, e, r), r);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ht(r, e) {
-  return (o, s, t) => {
+function ue(o, e) {
+  return (r, s, t) => {
     const a = (i) => {
       var v;
-      return ((v = i.renderRoot) == null ? void 0 : v.querySelector(r)) ?? null;
+      return ((v = i.renderRoot) == null ? void 0 : v.querySelector(o)) ?? null;
     };
-    return or(o, s, { get() {
+    return nr(r, s, { get() {
       return a(this);
     } });
   };
@@ -628,21 +628,21 @@ 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 I = { ATTRIBUTE: 1, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, Po = (o) => (...e) => ({ _$litDirective$: o, values: e });
+class Eo {
   constructor(e) {
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(e, o, s) {
-    this._$Ct = e, this._$AM = o, this._$Ci = s;
+  _$AT(e, r, s) {
+    this._$Ct = e, this._$AM = r, this._$Ci = s;
   }
-  _$AS(e, o) {
-    return this.update(e, o);
+  _$AS(e, r) {
+    return this.update(e, r);
   }
-  update(e, o) {
-    return this.render(...o);
+  update(e, r) {
+    return this.render(...r);
   }
 }
 /**
@@ -650,28 +650,28 @@ class Oo {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rr = Co(class extends Oo {
-  constructor(r) {
+const Lo = Po(class extends Eo {
+  constructor(o) {
     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(o), o.type !== I.ATTRIBUTE || o.name !== "class" || ((e = o.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(" ") + " ";
+  render(o) {
+    return " " + Object.keys(o).filter((e) => o[e]).join(" ") + " ";
   }
-  update(r, [e]) {
+  update(o, [e]) {
     var s, t;
     if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), r.strings !== void 0 && (this.nt = new Set(r.strings.join(" ").split(/\s/).filter((a) => a !== "")));
+      this.st = /* @__PURE__ */ new Set(), o.strings !== void 0 && (this.nt = new Set(o.strings.join(" ").split(/\s/).filter((a) => a !== "")));
       for (const a in e) e[a] && !((s = this.nt) != null && s.has(a)) && this.st.add(a);
       return this.render(e);
     }
-    const o = r.element.classList;
-    for (const a of this.st) a in e || (o.remove(a), this.st.delete(a));
+    const r = o.element.classList;
+    for (const a of this.st) a in e || (r.remove(a), this.st.delete(a));
     for (const a in e) {
       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)));
+      i === this.st.has(a) || (t = this.nt) != null && t.has(a) || (i ? (r.add(a), this.st.add(a)) : (r.remove(a), this.st.delete(a)));
     }
-    return m;
+    return C;
   }
 });
 /**
@@ -679,39 +679,39 @@ 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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && sr(e, o, t), t;
+const b = (o) => o ?? x;
+var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, X = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? cr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && lr(e, r, t), t;
 };
-let C = class extends h {
+let L = class extends p {
   constructor() {
     super(...arguments), this.variant = "brand", this.size = "md", this.type = "button", this.disabled = !1;
   }
   render() {
-    const r = rr({
+    const o = Lo({
       button: !0,
       [this.variant]: !0,
       [this.size]: !0
     });
     return this.href !== void 0 && !this.disabled ? l`
         <a
-          class=${r}
+          class=${o}
           href=${this.href}
-          target=${X(this.target)}
-          rel=${X(this.target === "_blank" ? "noreferrer" : void 0)}
+          target=${b(this.target)}
+          rel=${b(this.target === "_blank" ? "noreferrer" : void 0)}
         >
           <slot></slot>
         </a>
       ` : l`
-      <button class=${r} type=${this.type} ?disabled=${this.disabled}>
+      <button class=${o} type=${this.type} ?disabled=${this.disabled}>
         <slot></slot>
       </button>
     `;
   }
 };
-C.styles = d`
+L.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([
+X([
   n()
-], C.prototype, "variant", 2);
-q([
+], L.prototype, "variant", 2);
+X([
   n()
-], C.prototype, "size", 2);
-q([
+], L.prototype, "size", 2);
+X([
   n()
-], C.prototype, "href", 2);
-q([
+], L.prototype, "href", 2);
+X([
   n()
-], C.prototype, "target", 2);
-q([
+], L.prototype, "target", 2);
+X([
   n()
-], C.prototype, "type", 2);
-q([
+], L.prototype, "type", 2);
+X([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ir(e, o, t), t;
+], L.prototype, "disabled", 2);
+L = X([
+  h("vox-button")
+], L);
+var dr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, Ut = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? hr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && dr(e, r, t), t;
 };
-let xe = class extends h {
+let _e = class extends p {
   constructor() {
     super(...arguments), this.href = "#";
   }
@@ -861,7 +861,7 @@ let xe = class extends h {
     `;
   }
 };
-xe.styles = d`
+_e.styles = d`
     :host {
       display: inline-block;
       font-family: var(--vox-font-family-base);
@@ -898,60 +898,60 @@ xe.styles = d`
       transform: translateX(3px);
     }
   `;
-Tt([
+Ut([
   n()
-], xe.prototype, "href", 2);
-Tt([
+], _e.prototype, "href", 2);
+Ut([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && lr(e, o, t), t;
+], _e.prototype, "target", 2);
+_e = Ut([
+  h("vox-cta")
+], _e);
+var pr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, bt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? vr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && pr(e, r, t), t;
 };
-const po = "vox-theme", Ye = "data-vox-theme";
-let J = class extends h {
+const fo = "vox-theme", tt = "data-vox-theme";
+let ie = 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");
+    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 = (o) => {
+      localStorage.getItem(fo) || document.documentElement.setAttribute(tt, o.matches ? "dark" : "light");
     };
   }
   connectedCallback() {
     super.connectedCallback(), this.syncFromDocument(), this.observer = new MutationObserver(() => this.syncFromDocument()), this.observer.observe(document.documentElement, {
       attributes: !0,
-      attributeFilter: [Ye]
+      attributeFilter: [tt]
     }), this.media.addEventListener("change", this.handleSystemChange);
   }
   disconnectedCallback() {
-    var r;
-    super.disconnectedCallback(), (r = this.observer) == null || r.disconnect(), this.media.removeEventListener("change", this.handleSystemChange);
+    var o;
+    super.disconnectedCallback(), (o = this.observer) == null || o.disconnect(), this.media.removeEventListener("change", this.handleSystemChange);
   }
   syncFromDocument() {
-    const r = document.documentElement.getAttribute(Ye) === "dark";
-    this.dark = r, this.toggleAttribute("dark", r);
+    const o = document.documentElement.getAttribute(tt) === "dark";
+    this.dark = o, this.toggleAttribute("dark", o);
   }
   handleClick() {
-    const r = this.dark ? "light" : "dark";
-    document.documentElement.setAttribute(Ye, r), localStorage.setItem(po, r), this.dispatchEvent(
+    const o = this.dark ? "light" : "dark";
+    document.documentElement.setAttribute(tt, o), localStorage.setItem(fo, o), this.dispatchEvent(
       new CustomEvent("vox-theme-change", {
-        detail: { theme: r },
+        detail: { theme: o },
         bubbles: !0,
         composed: !0
       })
     );
   }
   render() {
-    const r = this.dark ? this.darkLabel : this.lightLabel;
+    const o = this.dark ? this.darkLabel : this.lightLabel;
     return l`
       <button
         type="button"
         role="switch"
         aria-checked=${this.dark}
-        aria-label=${r}
-        title=${r}
+        aria-label=${o}
+        title=${o}
         @click=${this.handleClick}
       >
         <span class="track">
@@ -968,7 +968,7 @@ let J = class extends h {
     `;
   }
 };
-J.styles = d`
+ie.styles = d`
     :host {
       display: inline-flex;
     }
@@ -1027,19 +1027,19 @@ J.styles = d`
       transform: translateX(20px);
     }
   `;
-ht([
+bt([
   n({ attribute: "light-label" })
-], J.prototype, "lightLabel", 2);
-ht([
+], ie.prototype, "lightLabel", 2);
+bt([
   n({ attribute: "dark-label" })
-], J.prototype, "darkLabel", 2);
-ht([
-  ie()
-], J.prototype, "dark", 2);
-J = ht([
-  p("vox-theme-toggle")
-], J);
-const k = {
+], ie.prototype, "darkLabel", 2);
+bt([
+  k()
+], ie.prototype, "dark", 2);
+ie = bt([
+  h("vox-theme-toggle")
+], ie);
+const D = {
   // 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,18 +1127,18 @@ 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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && dr(e, o, t), t;
+var ur = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, yt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? xr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && ur(e, r, t), t;
 };
-let Q = class extends h {
+let ne = class extends p {
   constructor() {
     super(...arguments), this.name = "info", this.size = "md";
   }
   render() {
-    const r = k[this.name];
-    return r ? l`
+    const o = D[this.name];
+    return o ? l`
       <svg
         viewBox="0 0 48 48"
         fill="none"
@@ -1150,12 +1150,12 @@ let Q = class extends h {
         aria-hidden=${this.label ? x : "true"}
         aria-label=${this.label ?? x}
       >
-        ${r}
+        ${o}
       </svg>
     ` : x;
   }
 };
-Q.styles = d`
+ne.styles = d`
     :host {
       display: inline-flex;
       flex: none;
@@ -1186,24 +1186,24 @@ Q.styles = d`
       height: 48px;
     }
   `;
-vt([
+yt([
   n()
-], Q.prototype, "name", 2);
-vt([
+], ne.prototype, "name", 2);
+yt([
   n({ reflect: !0 })
-], Q.prototype, "size", 2);
-vt([
+], ne.prototype, "size", 2);
+yt([
   n()
-], Q.prototype, "label", 2);
-Q = vt([
-  p("vox-icon")
-], Q);
-var hr = Object.defineProperty, He = (r, e, o, s) => {
-  for (var t = void 0, a = r.length - 1, i; a >= 0; a--)
-    (i = r[a]) && (t = i(e, o, t) || t);
-  return t && hr(e, o, t), t;
+], ne.prototype, "label", 2);
+ne = yt([
+  h("vox-icon")
+], ne);
+var fr = Object.defineProperty, Ue = (o, e, r, s) => {
+  for (var t = void 0, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = i(e, r, t) || t);
+  return t && fr(e, r, t), t;
 };
-const Jt = class Jt extends h {
+const ro = class ro 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([
+ro.formAssociated = !0;
+let m = ro;
+Ue([
   n()
-], y.prototype, "name");
-He([
+], m.prototype, "name");
+Ue([
   n()
-], y.prototype, "label");
-He([
+], m.prototype, "label");
+Ue([
   n()
-], y.prototype, "note");
-He([
+], m.prototype, "note");
+Ue([
   n({ type: Boolean, reflect: !0 })
-], y.prototype, "disabled");
-He([
+], m.prototype, "disabled");
+Ue([
   n({ type: Boolean, reflect: !0 })
-], y.prototype, "required");
-const Te = d`
+], m.prototype, "required");
+const Q = 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`
+`, So = 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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && vr(e, o, t), t;
+var gr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Zt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? br(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && gr(e, r, t), t;
 };
-let fe = class extends y {
+let Ce = class extends m {
   constructor() {
     super(...arguments), this.checked = !1, this.value = "on";
   }
@@ -1369,8 +1369,8 @@ let fe = class extends y {
       this.renderRoot.querySelector("input") ?? void 0
     );
   }
-  handleChange(r) {
-    this.checked = r.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
+  handleChange(o) {
+    this.checked = o.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
     return l`
@@ -1391,8 +1391,8 @@ let fe = class extends y {
     `;
   }
 };
-fe.styles = [
-  Mo,
+Ce.styles = [
+  So,
   d`
       .box {
         flex: none;
@@ -1432,21 +1432,350 @@ fe.styles = [
       }
     `
 ];
-Bt([
+Zt([
   n({ type: Boolean, reflect: !0 })
-], fe.prototype, "checked", 2);
-Bt([
+], Ce.prototype, "checked", 2);
+Zt([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && xr(e, o, t), t;
+], Ce.prototype, "value", 2);
+Ce = Zt([
+  h("vox-checkbox")
+], Ce);
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const yr = (o) => o.strings === void 0, mr = {}, wr = (o, e = mr) => o._$AH = e;
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const mt = Po(class extends Eo {
+  constructor(o) {
+    if (super(o), o.type !== I.PROPERTY && o.type !== I.ATTRIBUTE && o.type !== I.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+    if (!yr(o)) throw Error("`live` bindings can only contain a single expression");
+  }
+  render(o) {
+    return o;
+  }
+  update(o, [e]) {
+    if (e === C || e === x) return e;
+    const r = o.element, s = o.name;
+    if (o.type === I.PROPERTY) {
+      if (e === r[s]) return C;
+    } else if (o.type === I.BOOLEAN_ATTRIBUTE) {
+      if (!!e === r.hasAttribute(s)) return C;
+    } else if (o.type === I.ATTRIBUTE && r.getAttribute(s) === e + "") return C;
+    return wr(o), e;
+  }
+});
+var $r = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, M = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? _r(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && $r(e, r, t), t;
 };
-let L = class extends y {
+let $ = class extends m {
+  constructor() {
+    super(...arguments), this.value = "", this.allowCustom = !1, this.emptyText = "No matches", this.query = "", this.open = !1, this.activeIndex = -1, this.options = [];
+  }
+  get filtered() {
+    const o = this.query.trim().toLowerCase();
+    return !o || o === this.selectedLabel.toLowerCase() ? this.options : this.options.filter((e) => e.label.toLowerCase().includes(o));
+  }
+  get selectedLabel() {
+    var o;
+    return ((o = this.options.find((e) => e.value === this.value)) == null ? void 0 : o.label) ?? "";
+  }
+  willUpdate(o) {
+    var e;
+    o.has("value") && ((e = this.shadowRoot) == null ? void 0 : e.activeElement) === null && (this.query = this.selectedLabel);
+  }
+  formResetCallback() {
+    this.value = "", this.query = "", this.close();
+  }
+  updated() {
+    this.internals.setFormValue(this.value || null), this.internals.setValidity(
+      this.required && !this.value ? { valueMissing: !0 } : {},
+      "Please select an option.",
+      this.inputEl
+    );
+  }
+  focus(o) {
+    var e;
+    (e = this.inputEl) == null || e.focus(o);
+  }
+  readOptions() {
+    this.options = [...this.querySelectorAll("option")].map((o) => {
+      var e;
+      return {
+        value: o.value,
+        label: ((e = o.textContent) == null ? void 0 : e.trim()) ?? "",
+        disabled: o.disabled
+      };
+    }), this.value && !this.query && (this.query = this.selectedLabel);
+  }
+  openList() {
+    if (this.open || this.disabled) return;
+    this.open = !0;
+    const o = this.filtered.findIndex((e) => e.value === this.value);
+    this.activeIndex = o;
+  }
+  close() {
+    this.open = !1, this.activeIndex = -1;
+  }
+  select(o) {
+    o.disabled || (this.value = o.value, this.query = o.label, this.close(), this.dispatchEvent(new Event("change", { bubbles: !0 })));
+  }
+  moveActive(o) {
+    const e = this.filtered;
+    if (e.length === 0 || e.filter((t) => !t.disabled).length === 0) return;
+    let s = this.activeIndex;
+    for (let t = 0; t < e.length && (s = (s + o + e.length) % e.length, !!e[s].disabled); t++)
+      ;
+    this.activeIndex = s, this.scrollActiveIntoView();
+  }
+  scrollActiveIntoView() {
+    this.updateComplete.then(() => {
+      var o, e;
+      (e = (o = this.listboxEl) == null ? void 0 : o.querySelector("[data-active]")) == null || e.scrollIntoView({ block: "nearest" });
+    });
+  }
+  handleInput(o) {
+    this.query = o.target.value, this.openList(), this.activeIndex = -1, this.allowCustom && (this.value = this.query);
+  }
+  handleKeydown(o) {
+    switch (o.key) {
+      case "ArrowDown":
+        o.preventDefault(), this.open ? this.moveActive(1) : (this.openList(), this.activeIndex === -1 && this.moveActive(1));
+        break;
+      case "ArrowUp":
+        o.preventDefault(), this.open || (this.openList(), this.activeIndex = this.filtered.length), this.moveActive(-1);
+        break;
+      case "Home":
+        if (!this.open) return;
+        o.preventDefault(), this.activeIndex = -1, this.moveActive(1);
+        break;
+      case "End":
+        if (!this.open) return;
+        o.preventDefault(), this.activeIndex = this.filtered.length, this.moveActive(-1);
+        break;
+      case "Enter": {
+        if (!this.open) return;
+        const e = this.filtered[this.activeIndex];
+        e && (o.preventDefault(), this.select(e));
+        break;
+      }
+      case "Escape":
+        o.preventDefault(), this.open ? this.close() : (this.value || this.query) && (this.query = "", this.value = "", this.dispatchEvent(new Event("change", { bubbles: !0 })));
+        break;
+      case "Tab":
+        this.close();
+        break;
+    }
+  }
+  handleBlur() {
+    if (this.close(), !this.allowCustom) {
+      if (this.query === "") {
+        this.value && (this.value = "", this.dispatchEvent(new Event("change", { bubbles: !0 })));
+        return;
+      }
+      this.query = this.selectedLabel;
+    }
+  }
+  optionId(o) {
+    return `option-${o}`;
+  }
+  render() {
+    const o = this.filtered, e = this.open && this.activeIndex >= 0 ? this.optionId(this.activeIndex) : void 0;
+    return l`
+      <div class="field">
+        ${this.renderLabel("combobox")}
+        <div class="combo">
+          <input
+            id="combobox"
+            class="control"
+            type="text"
+            role="combobox"
+            .value=${mt(this.query)}
+            placeholder=${b(this.placeholder)}
+            autocomplete="off"
+            aria-expanded=${this.open ? "true" : "false"}
+            aria-controls="listbox"
+            aria-autocomplete="list"
+            aria-activedescendant=${b(e)}
+            aria-label=${this.label ? x : "combobox"}
+            ?required=${this.required}
+            ?disabled=${this.disabled}
+            @input=${this.handleInput}
+            @keydown=${this.handleKeydown}
+            @blur=${this.handleBlur}
+            @mousedown=${this.openList}
+          />
+          <ul
+            class="listbox"
+            id="listbox"
+            role="listbox"
+            aria-label=${this.label || "options"}
+            ?hidden=${!this.open}
+          >
+            ${o.length === 0 ? l`<li class="empty" role="presentation">${this.emptyText}</li>` : o.map(
+      (r, s) => l`
+                    <li
+                      id=${this.optionId(s)}
+                      class=${Lo({ option: !0 })}
+                      role="option"
+                      aria-selected=${r.value === this.value ? "true" : "false"}
+                      aria-disabled=${r.disabled ? "true" : "false"}
+                      ?data-active=${s === this.activeIndex}
+                      @mousedown=${(t) => {
+        t.preventDefault(), this.select(r);
+      }}
+                    >
+                      ${r.label}
+                    </li>
+                  `
+    )}
+          </ul>
+        </div>
+        ${this.renderNote()}
+        <span class="sr-only" role="status" aria-live="polite">
+          ${this.open ? `${o.length} ${o.length === 1 ? "option" : "options"} available` : ""}
+        </span>
+      </div>
+      <div hidden><slot @slotchange=${this.readOptions}></slot></div>
+    `;
+  }
+};
+$.styles = [
+  Q,
+  d`
+      /*
+       * The popup anchors to this shell, not to .field: an absolutely
+       * positioned child of a flex container takes its static position from
+       * the container's content-box origin, which would put it over the label.
+       */
+      .combo {
+        position: relative;
+      }
+
+      .control {
+        padding-right: var(--vox-space-8);
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+        background-repeat: no-repeat;
+        background-position: right var(--vox-space-3) center;
+      }
+
+      .listbox {
+        position: absolute;
+        z-index: 20;
+        top: calc(100% + var(--vox-space-1));
+        left: 0;
+        right: 0;
+        margin: 0;
+        padding: var(--vox-space-1);
+        max-height: 15rem;
+        overflow-y: auto;
+        list-style: none;
+        background-color: var(--vox-color-bg-elv);
+        border: 1px solid var(--vox-color-border);
+        border-radius: var(--vox-radius-md);
+        box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
+      }
+
+      .option {
+        padding: var(--vox-space-2) var(--vox-space-3);
+        border-radius: var(--vox-radius-sm);
+        font-size: 14px;
+        line-height: 1.5;
+        color: var(--vox-color-text-1);
+        cursor: pointer;
+      }
+
+      /*
+       * Focus stays on the input, so the active option is styled rather than
+       * focused. Colour alone can't carry it (WCAG 1.4.1) — the selected
+       * option also gets a check mark.
+       */
+      .option[data-active] {
+        background-color: var(--vox-color-brand-soft);
+        outline: 2px solid var(--vox-color-brand-1);
+        outline-offset: -2px;
+      }
+
+      .option[aria-selected='true'] {
+        font-weight: 600;
+      }
+
+      .option[aria-selected='true']::after {
+        content: ' ✓';
+        color: var(--vox-color-brand-1);
+      }
+
+      .option[aria-disabled='true'] {
+        color: var(--vox-color-text-3);
+        cursor: not-allowed;
+      }
+
+      .empty {
+        padding: var(--vox-space-2) var(--vox-space-3);
+        font-size: 14px;
+        color: var(--vox-color-text-2);
+      }
+
+      /* Announced, never shown. */
+      .sr-only {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip-path: inset(50%);
+        white-space: nowrap;
+      }
+    `
+];
+M([
+  n()
+], $.prototype, "value", 2);
+M([
+  n()
+], $.prototype, "placeholder", 2);
+M([
+  n({ type: Boolean, attribute: "allow-custom" })
+], $.prototype, "allowCustom", 2);
+M([
+  n({ attribute: "empty-text" })
+], $.prototype, "emptyText", 2);
+M([
+  k()
+], $.prototype, "query", 2);
+M([
+  k()
+], $.prototype, "open", 2);
+M([
+  k()
+], $.prototype, "activeIndex", 2);
+M([
+  k()
+], $.prototype, "options", 2);
+M([
+  ue("input")
+], $.prototype, "inputEl", 2);
+M([
+  ue(".listbox")
+], $.prototype, "listboxEl", 2);
+$ = M([
+  h("vox-combobox")
+], $);
+var Cr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, xe = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Or(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Cr(e, r, t), t;
+};
+let H = class extends m {
   constructor() {
     super(...arguments), this.multiple = !1, this.buttonLabel = "Choose a file", this.fileNames = [];
   }
@@ -1454,12 +1783,12 @@ let L = class extends y {
     this.fileNames = [], this.inputEl && (this.inputEl.value = ""), this.internals.setFormValue(null);
   }
   handleChange() {
-    const r = [...this.inputEl.files ?? []];
-    this.fileNames = r.map((o) => o.name);
+    const o = [...this.inputEl.files ?? []];
+    this.fileNames = o.map((r) => r.name);
     const e = new FormData();
-    for (const o of r) e.append(this.name, o);
-    this.internals.setFormValue(r.length > 0 ? e : null), this.internals.setValidity(
-      this.required && r.length === 0 ? { valueMissing: !0 } : {},
+    for (const r of o) e.append(this.name, r);
+    this.internals.setFormValue(o.length > 0 ? e : null), this.internals.setValidity(
+      this.required && o.length === 0 ? { valueMissing: !0 } : {},
       "Please select a file.",
       this.inputEl
     ), this.dispatchEvent(new Event("change", { bubbles: !0 }));
@@ -1472,7 +1801,7 @@ let L = class extends y {
           <input
             id="file"
             type="file"
-            accept=${X(this.accept)}
+            accept=${b(this.accept)}
             ?multiple=${this.multiple}
             ?disabled=${this.disabled}
             @change=${this.handleChange}
@@ -1489,8 +1818,8 @@ let L = class extends y {
     `;
   }
 };
-L.styles = [
-  Te,
+H.styles = [
+  Q,
   d`
       input {
         position: absolute;
@@ -1539,77 +1868,64 @@ L.styles = [
       }
     `
 ];
-ne([
+xe([
   n()
-], L.prototype, "accept", 2);
-ne([
+], H.prototype, "accept", 2);
+xe([
   n({ type: Boolean })
-], L.prototype, "multiple", 2);
-ne([
+], H.prototype, "multiple", 2);
+xe([
   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);
-/**
- * @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;
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ao = Co(class extends Oo {
-  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");
-  }
-  render(r) {
-    return r;
-  }
-  update(r, [e]) {
-    if (e === m || 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;
-  }
-});
-var mr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, le = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? $r(e, o) : e, a = r.length - 1, i; a >= 0; a--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && mr(e, o, t), t;
+], H.prototype, "buttonLabel", 2);
+xe([
+  k()
+], H.prototype, "fileNames", 2);
+xe([
+  ue("input")
+], H.prototype, "inputEl", 2);
+H = xe([
+  h("vox-file-input")
+], H);
+var Mr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, _ = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ar(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Mr(e, r, t), t;
+};
+const kr = {
+  text: "text input",
+  email: "email address",
+  number: "number",
+  password: "password",
+  search: "search",
+  tel: "telephone number",
+  url: "web address",
+  date: "date",
+  time: "time",
+  "datetime-local": "date and time",
+  month: "month",
+  week: "week"
 };
-let E = class extends y {
+let w = class extends m {
   constructor() {
     super(...arguments), this.type = "text", this.value = "", this.readonly = !1;
   }
+  get accessibleName() {
+    return kr[this.type] ?? `${this.type} input`;
+  }
   formResetCallback() {
     this.value = "";
   }
   updated() {
     this.internals.setFormValue(this.value);
-    const r = this.renderRoot.querySelector("input");
-    r && this.syncValidity(r);
+    const o = this.renderRoot.querySelector("input");
+    o && this.syncValidity(o);
   }
-  focus(r) {
+  focus(o) {
     var e;
-    (e = this.renderRoot.querySelector("input")) == null || e.focus(r);
+    (e = this.renderRoot.querySelector("input")) == null || e.focus(o);
   }
-  handleInput(r) {
-    this.value = r.target.value;
+  handleInput(o) {
+    this.value = o.target.value;
   }
   handleChange() {
     this.dispatchEvent(new Event("change", { bubbles: !0 }));
@@ -1622,13 +1938,20 @@ let E = class extends y {
           id="input"
           class="control"
           type=${this.type}
-          .value=${Ao(this.value)}
-          placeholder=${X(this.placeholder)}
-          autocomplete=${X(this.autocomplete)}
+          min=${b(this.min)}
+          max=${b(this.max)}
+          step=${b(this.step)}
+          .value=${mt(this.value)}
+          placeholder=${b(this.placeholder)}
+          autocomplete=${b(this.autocomplete)}
+          pattern=${b(this.pattern)}
+          minlength=${b(this.minlength)}
+          maxlength=${b(this.maxlength)}
+          inputmode=${b(this.inputmode)}
           ?required=${this.required}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
-          aria-label=${this.label ? x : "text input"}
+          aria-label=${this.label ? x : this.accessibleName}
           @input=${this.handleInput}
           @change=${this.handleChange}
         />
@@ -1637,36 +1960,57 @@ let E = class extends y {
     `;
   }
 };
-E.styles = Te;
-le([
+w.styles = Q;
+_([
   n()
-], E.prototype, "type", 2);
-le([
+], w.prototype, "type", 2);
+_([
   n()
-], E.prototype, "value", 2);
-le([
+], w.prototype, "value", 2);
+_([
   n()
-], E.prototype, "placeholder", 2);
-le([
+], w.prototype, "placeholder", 2);
+_([
   n()
-], E.prototype, "autocomplete", 2);
-le([
+], w.prototype, "autocomplete", 2);
+_([
   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--)
-    (i = r[a]) && (t = i(t) || t);
+], w.prototype, "readonly", 2);
+_([
+  n()
+], w.prototype, "min", 2);
+_([
+  n()
+], w.prototype, "max", 2);
+_([
+  n()
+], w.prototype, "step", 2);
+_([
+  n()
+], w.prototype, "pattern", 2);
+_([
+  n()
+], w.prototype, "minlength", 2);
+_([
+  n()
+], w.prototype, "maxlength", 2);
+_([
+  n()
+], w.prototype, "inputmode", 2);
+w = _([
+  h("vox-input")
+], w);
+var Pr = Object.getOwnPropertyDescriptor, Er = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Pr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = i(t) || t);
   return t;
 };
-let Ot = class extends h {
-  handleSlotChange(r) {
-    const e = r.target.assignedElements();
-    e.forEach((o, s) => {
+let St = class extends p {
+  handleSlotChange(o) {
+    const e = o.target.assignedElements();
+    e.forEach((r, s) => {
       const t = s === 0 ? "start" : s === e.length - 1 ? "end" : "middle";
-      o.setAttribute("data-vox-group", t);
+      r.setAttribute("data-vox-group", t);
     });
   }
   render() {
@@ -1677,7 +2021,7 @@ let Ot = class extends h {
     `;
   }
 };
-Ot.styles = d`
+St.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -1719,15 +2063,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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Cr(e, o, t), t;
+St = Er([
+  h("vox-input-group")
+], St);
+var Lr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, wt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Sr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Lr(e, r, t), t;
 };
-let ee = class extends h {
+let le = class extends p {
   constructor() {
     super(...arguments), this.value = "", this.checked = !1, this.disabled = !1;
   }
@@ -1736,8 +2080,8 @@ let ee = class extends h {
       new CustomEvent("vox-radio-select", { bubbles: !0, composed: !0 })
     );
   }
-  handleKeydown(r) {
-    (r.key === " " || r.key === "Enter") && (r.preventDefault(), this.select());
+  handleKeydown(o) {
+    (o.key === " " || o.key === "Enter") && (o.preventDefault(), this.select());
   }
   render() {
     return l`
@@ -1756,7 +2100,7 @@ let ee = class extends h {
     `;
   }
 };
-ee.styles = d`
+le.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -1805,24 +2149,24 @@ ee.styles = d`
       outline-offset: 2px;
     }
   `;
-ut([
+wt([
   n()
-], ee.prototype, "value", 2);
-ut([
+], le.prototype, "value", 2);
+wt([
   n({ type: Boolean, reflect: !0 })
-], ee.prototype, "checked", 2);
-ut([
+], le.prototype, "checked", 2);
+wt([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Mr(e, o, t), t;
+], le.prototype, "disabled", 2);
+le = wt([
+  h("vox-radio")
+], le);
+var Vr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, Vo = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? jr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Vr(e, r, t), t;
 };
-let tt = class extends y {
+let nt = class extends m {
   constructor() {
     super(...arguments), this.value = "";
   }
@@ -1840,31 +2184,31 @@ let tt = class extends y {
     ), this.syncRadios();
   }
   syncRadios() {
-    const r = this.radios, e = r.some((o) => o.value === this.value && this.value !== "");
-    r.forEach((o, s) => {
+    const o = this.radios, e = o.some((r) => r.value === this.value && this.value !== "");
+    o.forEach((r, s) => {
       var a, i;
-      o.checked = this.value !== "" && o.value === this.value;
-      const t = e ? o.checked : s === 0;
-      (i = (a = o.shadowRoot) == null ? void 0 : a.querySelector(".radio")) == null || i.setAttribute("tabindex", t ? "0" : "-1");
+      r.checked = this.value !== "" && r.value === this.value;
+      const t = e ? r.checked : s === 0;
+      (i = (a = r.shadowRoot) == null ? void 0 : a.querySelector(".radio")) == null || i.setAttribute("tabindex", t ? "0" : "-1");
     });
   }
-  handleSelect(r) {
-    const e = r.target;
-    !(e instanceof HTMLElement) || e.tagName !== "VOX-RADIO" || (r.stopPropagation(), this.value !== e.value && (this.value = e.value, this.dispatchEvent(new Event("change", { bubbles: !0 }))));
+  handleSelect(o) {
+    const e = o.target;
+    !(e instanceof HTMLElement) || e.tagName !== "VOX-RADIO" || (o.stopPropagation(), this.value !== e.value && (this.value = e.value, this.dispatchEvent(new Event("change", { bubbles: !0 }))));
   }
-  handleKeydown(r) {
+  handleKeydown(o) {
     var v, u;
-    const o = {
+    const r = {
       ArrowDown: 1,
       ArrowRight: 1,
       ArrowUp: -1,
       ArrowLeft: -1
-    }[r.key];
-    if (!o) return;
-    r.preventDefault();
+    }[o.key];
+    if (!r) return;
+    o.preventDefault();
     const s = this.radios.filter((f) => !f.disabled);
     if (s.length === 0) return;
-    const t = s.findIndex((f) => f.checked), a = (Math.max(t, 0) + o + s.length) % s.length, i = s[a];
+    const t = s.findIndex((f) => f.checked), a = (Math.max(t, 0) + r + s.length) % s.length, i = s[a];
     i.select(), (u = (v = i.shadowRoot) == null ? void 0 : v.querySelector(".radio")) == null || u.focus();
   }
   render() {
@@ -1885,8 +2229,8 @@ let tt = class extends y {
     `;
   }
 };
-tt.styles = [
-  Te,
+nt.styles = [
+  Q,
   d`
       .options {
         display: flex;
@@ -1896,36 +2240,239 @@ tt.styles = [
       }
     `
 ];
-Po([
+Vo([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Pr(e, o, t), t;
+], nt.prototype, "value", 2);
+nt = Vo([
+  h("vox-radio-group")
+], nt);
+var zr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, B = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Dr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && zr(e, r, t), t;
 };
-let ge = class extends y {
+let A = class extends m {
   constructor() {
-    super(...arguments), this.value = "";
+    super(...arguments), this.value = "", this.min = "0", this.max = "100", this.step = "1", this.showValue = !1, this.unit = "", this.defaultValue = "";
+  }
+  connectedCallback() {
+    if (super.connectedCallback(), this.value === "") {
+      const o = (Number(this.min) + Number(this.max)) / 2;
+      this.value = String(Number.isFinite(o) ? o : this.min);
+    }
+    this.defaultValue = this.value;
   }
   formResetCallback() {
-    this.value = "", this.syncOptions();
+    this.value = this.defaultValue;
   }
   updated() {
-    this.internals.setFormValue(this.value), this.selectEl && this.syncValidity(this.selectEl);
+    this.internals.setFormValue(this.value), this.inputEl && this.syncValidity(this.inputEl);
+  }
+  focus(o) {
+    var e;
+    (e = this.inputEl) == null || e.focus(o);
+  }
+  handleInput(o) {
+    this.value = o.target.value;
+  }
+  handleChange() {
+    this.dispatchEvent(new Event("change", { bubbles: !0 }));
+  }
+  render() {
+    const o = this.unit ? `${this.value}${this.unit}` : this.value;
+    return l`
+      <div class="field">
+        ${this.renderLabel("range")}
+        <div class="row">
+          <input
+            id="range"
+            class="control"
+            type="range"
+            min=${this.min}
+            max=${this.max}
+            step=${this.step}
+            .value=${mt(this.value)}
+            ?disabled=${this.disabled}
+            aria-label=${this.label ? x : "slider"}
+            aria-valuetext=${b(this.unit ? o : void 0)}
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+          />
+          ${this.showValue ? l`<span class="readout" aria-hidden="true">${o}</span>` : x}
+        </div>
+        ${this.renderNote()}
+      </div>
+    `;
+  }
+};
+A.styles = [
+  Q,
+  d`
+      .row {
+        display: flex;
+        align-items: center;
+        gap: var(--vox-space-3);
+      }
+
+      .readout {
+        flex: none;
+        min-width: 3.5ch;
+        font-size: 14px;
+        font-variant-numeric: tabular-nums;
+        color: var(--vox-color-text-2);
+        text-align: right;
+      }
+
+      input.control {
+        appearance: none;
+        -webkit-appearance: none;
+        padding: 0;
+        border: none;
+        background: transparent;
+        cursor: pointer;
+        /* Room for the thumb's focus ring at both ends of the track. */
+        height: 24px;
+      }
+
+      input.control:focus {
+        outline: none;
+        border: none;
+        box-shadow: none;
+      }
+
+      input.control:disabled {
+        cursor: not-allowed;
+      }
+
+      /*
+       * Track and thumb need vendor-prefixed selectors, and a browser drops
+       * the whole rule if it doesn't recognise one — so no grouping here.
+       */
+      input.control::-webkit-slider-runnable-track {
+        height: 6px;
+        border-radius: var(--vox-radius-full);
+        /* 3:1 against the page background, per WCAG 1.4.11. */
+        background-color: var(--vox-color-border);
+      }
+
+      input.control::-moz-range-track {
+        height: 6px;
+        border-radius: var(--vox-radius-full);
+        background-color: var(--vox-color-border);
+      }
+
+      input.control::-webkit-slider-thumb {
+        appearance: none;
+        -webkit-appearance: none;
+        width: 20px;
+        height: 20px;
+        margin-top: -7px;
+        border: 2px solid var(--vox-color-bg);
+        border-radius: var(--vox-radius-full);
+        background-color: var(--vox-color-brand-1);
+        transition: box-shadow var(--vox-transition-fast);
+      }
+
+      input.control::-moz-range-thumb {
+        width: 20px;
+        height: 20px;
+        border: 2px solid var(--vox-color-bg);
+        border-radius: var(--vox-radius-full);
+        background-color: var(--vox-color-brand-1);
+        transition: box-shadow var(--vox-transition-fast);
+      }
+
+      input.control:focus-visible::-webkit-slider-thumb {
+        box-shadow: 0 0 0 3px var(--vox-color-brand-soft);
+      }
+
+      input.control:focus-visible::-moz-range-thumb {
+        box-shadow: 0 0 0 3px var(--vox-color-brand-soft);
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        input.control::-webkit-slider-thumb,
+        input.control::-moz-range-thumb {
+          transition: none;
+        }
+      }
+    `
+];
+B([
+  n()
+], A.prototype, "value", 2);
+B([
+  n()
+], A.prototype, "min", 2);
+B([
+  n()
+], A.prototype, "max", 2);
+B([
+  n()
+], A.prototype, "step", 2);
+B([
+  n({ type: Boolean, attribute: "show-value" })
+], A.prototype, "showValue", 2);
+B([
+  n()
+], A.prototype, "unit", 2);
+B([
+  ue("input")
+], A.prototype, "inputEl", 2);
+A = B([
+  h("vox-range")
+], A);
+var Hr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, fe = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Tr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Hr(e, r, t), t;
+};
+let T = class extends m {
+  constructor() {
+    super(...arguments), this.value = "", this.multiple = !1, this.values = [];
+  }
+  formResetCallback() {
+    this.value = "", this.values = [], this.syncOptions();
+  }
+  updated() {
+    this.internals.setFormValue(this.multiple ? this.formData() : this.value), this.selectEl && this.syncValidity(this.selectEl);
+  }
+  focus(o) {
+    var e;
+    (e = this.selectEl) == null || e.focus(o);
+  }
+  /**
+   * A multi-select submits one entry per selection, which only FormData can
+   * express. Without a `name` there is nothing to key them on, so submit
+   * nothing — matching a native select with no name.
+   */
+  formData() {
+    if (!this.name) return null;
+    const o = new FormData();
+    for (const e of this.values) o.append(this.name, e);
+    return o;
   }
   syncOptions() {
     if (!this.selectEl) return;
-    const r = this.renderRoot.querySelector("slot");
-    r && (this.selectEl.replaceChildren(
-      ...r.assignedElements().filter((e) => e instanceof HTMLOptionElement || e instanceof HTMLOptGroupElement).map((e) => e.cloneNode(!0))
-    ), this.value && (this.selectEl.value = this.value), this.value = this.selectEl.value);
+    const o = this.renderRoot.querySelector("slot");
+    if (o) {
+      if (this.selectEl.replaceChildren(
+        ...o.assignedElements().filter((e) => e instanceof HTMLOptionElement || e instanceof HTMLOptGroupElement).map((e) => e.cloneNode(!0))
+      ), this.multiple) {
+        const e = new Set(this.values);
+        for (const r of this.selectEl.options)
+          r.selected = e.has(r.value);
+        this.values = this.selected();
+        return;
+      }
+      this.value && (this.selectEl.value = this.value), this.value = this.selectEl.value;
+    }
+  }
+  selected() {
+    return [...this.selectEl.selectedOptions].map((o) => o.value);
   }
   handleChange() {
-    this.value = this.selectEl.value, this.dispatchEvent(new Event("change", { bubbles: !0 }));
+    this.multiple ? (this.values = this.selected(), this.value = this.values[0] ?? "") : this.value = this.selectEl.value, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
     return l`
@@ -1934,8 +2481,11 @@ let ge = class extends y {
         <select
           id="select"
           class="control"
+          ?multiple=${this.multiple}
+          size=${b(this.multiple ? this.size ?? 4 : void 0)}
           ?required=${this.required}
           ?disabled=${this.disabled}
+          aria-label=${this.label ? x : "options"}
           @change=${this.handleChange}
         ></select>
         ${this.renderNote()}
@@ -1944,8 +2494,8 @@ let ge = class extends y {
     `;
   }
 };
-ge.styles = [
-  Te,
+T.styles = [
+  Q,
   d`
       select.control {
         appearance: none;
@@ -1955,23 +2505,44 @@ ge.styles = [
         background-position: right var(--vox-space-3) center;
         cursor: pointer;
       }
+
+      /* A list box has no collapsed affordance, so drop the chevron. */
+      :host([multiple]) select.control {
+        appearance: none;
+        padding-right: var(--vox-space-3);
+        background-image: none;
+        cursor: default;
+      }
+
+      :host([multiple]) select.control option {
+        padding: var(--vox-space-1) var(--vox-space-2);
+      }
     `
 ];
-Nt([
+fe([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Lr(e, o, t), t;
+], T.prototype, "value", 2);
+fe([
+  n({ type: Boolean, reflect: !0 })
+], T.prototype, "multiple", 2);
+fe([
+  n({ type: Number })
+], T.prototype, "size", 2);
+fe([
+  n({ type: Array })
+], T.prototype, "values", 2);
+fe([
+  ue("select")
+], T.prototype, "selectEl", 2);
+T = fe([
+  h("vox-select")
+], T);
+var Br = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ft = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Nr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Br(e, r, t), t;
 };
-let be = class extends y {
+let Oe = class extends m {
   constructor() {
     super(...arguments), this.checked = !1, this.value = "on";
   }
@@ -1981,8 +2552,8 @@ let be = class extends y {
   updated() {
     this.internals.setFormValue(this.checked ? this.value : null);
   }
-  handleChange(r) {
-    this.checked = r.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
+  handleChange(o) {
+    this.checked = o.target.checked, this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
   render() {
     return l`
@@ -2000,8 +2571,8 @@ let be = class extends y {
     `;
   }
 };
-be.styles = [
-  Mo,
+Oe.styles = [
+  So,
   d`
       .track {
         flex: none;
@@ -2040,21 +2611,21 @@ be.styles = [
       }
     `
 ];
-Rt([
+Ft([
   n({ type: Boolean, reflect: !0 })
-], be.prototype, "checked", 2);
-Rt([
+], Oe.prototype, "checked", 2);
+Ft([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Sr(e, o, t), t;
+], Oe.prototype, "value", 2);
+Oe = Ft([
+  h("vox-switch")
+], Oe);
+var Rr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, Ze = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ir(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Rr(e, r, t), t;
 };
-let T = class extends y {
+let F = class extends m {
   constructor() {
     super(...arguments), this.value = "", this.rows = 4, this.readonly = !1;
   }
@@ -2063,15 +2634,15 @@ let T = class extends y {
   }
   updated() {
     this.internals.setFormValue(this.value);
-    const r = this.renderRoot.querySelector("textarea");
-    r && this.syncValidity(r);
+    const o = this.renderRoot.querySelector("textarea");
+    o && this.syncValidity(o);
   }
-  focus(r) {
+  focus(o) {
     var e;
-    (e = this.renderRoot.querySelector("textarea")) == null || e.focus(r);
+    (e = this.renderRoot.querySelector("textarea")) == null || e.focus(o);
   }
-  handleInput(r) {
-    this.value = r.target.value;
+  handleInput(o) {
+    this.value = o.target.value;
   }
   handleChange() {
     this.dispatchEvent(new Event("change", { bubbles: !0 }));
@@ -2084,8 +2655,8 @@ let T = class extends y {
           id="textarea"
           class="control"
           rows=${this.rows}
-          .value=${Ao(this.value)}
-          placeholder=${X(this.placeholder)}
+          .value=${mt(this.value)}
+          placeholder=${b(this.placeholder)}
           ?required=${this.required}
           ?readonly=${this.readonly}
           ?disabled=${this.disabled}
@@ -2097,8 +2668,8 @@ let T = class extends y {
     `;
   }
 };
-T.styles = [
-  Te,
+F.styles = [
+  Q,
   d`
       textarea.control {
         resize: vertical;
@@ -2106,27 +2677,27 @@ T.styles = [
       }
     `
 ];
-Be([
+Ze([
   n()
-], T.prototype, "value", 2);
-Be([
+], F.prototype, "value", 2);
+Ze([
   n()
-], T.prototype, "placeholder", 2);
-Be([
+], F.prototype, "placeholder", 2);
+Ze([
   n({ type: Number })
-], T.prototype, "rows", 2);
-Be([
+], F.prototype, "rows", 2);
+Ze([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && zr(e, o, t), t;
+], F.prototype, "readonly", 2);
+F = Ze([
+  h("vox-textarea")
+], F);
+var qr = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, Fe = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ur(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && qr(e, r, t), t;
 };
-let B = class extends h {
+let K = class extends p {
   constructor() {
     super(...arguments), this.alt = "", this.initials = "", this.size = "md";
   }
@@ -2138,7 +2709,7 @@ let B = class extends h {
     `;
   }
 };
-B.styles = d`
+K.styles = d`
     :host {
       display: inline-block;
     }
@@ -2186,32 +2757,32 @@ B.styles = d`
       font-size: 28px;
     }
   `;
-Ne([
+Fe([
   n()
-], B.prototype, "src", 2);
-Ne([
+], K.prototype, "src", 2);
+Fe([
   n()
-], B.prototype, "alt", 2);
-Ne([
+], K.prototype, "alt", 2);
+Fe([
   n()
-], B.prototype, "initials", 2);
-Ne([
+], K.prototype, "initials", 2);
+Fe([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Dr(e, o, t), t;
+], K.prototype, "size", 2);
+K = Fe([
+  h("vox-avatar")
+], K);
+var Zr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Kt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Fr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Zr(e, r, t), t;
 };
-let ye = class extends h {
+let Me = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.reverse = !1, this.hasActions = !1;
   }
-  handleActionsSlotChange(r) {
-    const e = r.target;
+  handleActionsSlotChange(o) {
+    const e = o.target;
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
@@ -2229,7 +2800,7 @@ let ye = class extends h {
     `;
   }
 };
-ye.styles = d`
+Me.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2291,21 +2862,21 @@ ye.styles = d`
       display: none;
     }
   `;
-Ut([
+Kt([
   n()
-], ye.prototype, "heading", 2);
-Ut([
+], Me.prototype, "heading", 2);
+Kt([
   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--)
-    (i = r[a]) && (t = i(t) || t);
+], Me.prototype, "reverse", 2);
+Me = Kt([
+  h("vox-billboard")
+], Me);
+var Kr = Object.getOwnPropertyDescriptor, Gr = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Kr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = i(t) || t);
   return t;
 };
-let Mt = class extends h {
+let Vt = class extends p {
   render() {
     return l`
       <nav aria-label="Breadcrumbs">
@@ -2314,7 +2885,7 @@ let Mt = class extends h {
     `;
   }
 };
-Mt.styles = d`
+Vt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2348,21 +2919,21 @@ 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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Nr(e, o, t), t;
+Vt = Gr([
+  h("vox-breadcrumbs")
+], Vt);
+var Wr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, $t = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Yr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Wr(e, r, t), t;
 };
-let te = class extends h {
+let ce = 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);
-    }, this.handleKeydown = (r) => {
+    super(...arguments), this.siteTitle = "", this.href = "/", this.mobileOpen = !1, this.handleOutsideClick = (o) => {
+      this.mobileOpen && !o.composedPath().includes(this) && (this.mobileOpen = !1);
+    }, this.handleKeydown = (o) => {
       var e;
-      r.key === "Escape" && this.mobileOpen && (this.mobileOpen = !1, (e = this.renderRoot.querySelector(".menu-toggle")) == null || e.focus());
+      o.key === "Escape" && this.mobileOpen && (this.mobileOpen = !1, (e = this.renderRoot.querySelector(".menu-toggle")) == null || e.focus());
     }, this.toggleMobileMenu = () => {
       this.mobileOpen = !this.mobileOpen;
     }, this.closeMobileMenu = () => {
@@ -2400,7 +2971,7 @@ let te = class extends h {
             stroke-linejoin="round"
             aria-hidden="true"
           >
-            ${this.mobileOpen ? k.close : k.menu}
+            ${this.mobileOpen ? D.close : D.menu}
           </svg>
         </button>
         <div id="nav-wrap" class="nav-wrap${this.mobileOpen ? " open" : ""}">
@@ -2415,7 +2986,7 @@ let te = class extends h {
     `;
   }
 };
-te.styles = d`
+ce.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2545,24 +3116,24 @@ te.styles = d`
       }
     }
   `;
-xt([
+$t([
   n({ attribute: "site-title" })
-], te.prototype, "siteTitle", 2);
-xt([
+], ce.prototype, "siteTitle", 2);
+$t([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Ur(e, o, t), t;
+], ce.prototype, "href", 2);
+$t([
+  k()
+], ce.prototype, "mobileOpen", 2);
+ce = $t([
+  h("vox-header")
+], ce);
+var Jr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Ke = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Xr(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Jr(e, r, t), t;
 };
-let N = class extends h {
+let G = class extends p {
   constructor() {
     super(...arguments), this.previousLabel = "", this.nextLabel = "";
   }
@@ -2585,7 +3156,7 @@ let N = class extends h {
     `;
   }
 };
-N.styles = d`
+G.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2635,37 +3206,37 @@ N.styles = d`
       color: var(--vox-color-brand-1);
     }
   `;
-Re([
+Ke([
   n({ attribute: "previous-href" })
-], N.prototype, "previousHref", 2);
-Re([
+], G.prototype, "previousHref", 2);
+Ke([
   n({ attribute: "previous-label" })
-], N.prototype, "previousLabel", 2);
-Re([
+], G.prototype, "previousLabel", 2);
+Ke([
   n({ attribute: "next-href" })
-], N.prototype, "nextHref", 2);
-Re([
+], G.prototype, "nextHref", 2);
+Ke([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && qr(e, o, t), t;
+], G.prototype, "nextLabel", 2);
+G = Ke([
+  h("vox-series-nav")
+], G);
+var Qr = Object.defineProperty, es = Object.getOwnPropertyDescriptor, P = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? es(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Qr(e, r, t), t;
 };
-let oe = class extends h {
+let de = 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);
-    }, this.handleKeydown = (r) => {
+    super(...arguments), this.label = "Section", this.toggleLabel = "Menu", this.mobileOpen = !1, this.handleOutsideClick = (o) => {
+      this.mobileOpen && !o.composedPath().includes(this) && (this.mobileOpen = !1);
+    }, this.handleKeydown = (o) => {
       var e;
-      r.key === "Escape" && this.mobileOpen && (this.mobileOpen = !1, (e = this.renderRoot.querySelector(".toggle")) == null || e.focus());
+      o.key === "Escape" && this.mobileOpen && (this.mobileOpen = !1, (e = this.renderRoot.querySelector(".toggle")) == null || e.focus());
     }, this.toggleMobile = () => {
       this.mobileOpen = !this.mobileOpen;
-    }, this.handleNavClick = (r) => {
-      r.composedPath().some((e) => e instanceof HTMLAnchorElement) && (this.mobileOpen = !1);
+    }, this.handleNavClick = (o) => {
+      o.composedPath().some((e) => e instanceof HTMLAnchorElement) && (this.mobileOpen = !1);
     };
   }
   connectedCallback() {
@@ -2694,7 +3265,7 @@ let oe = class extends h {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${this.mobileOpen ? k.close : k.menu}
+          ${this.mobileOpen ? D.close : D.menu}
         </svg>
       </button>
       <nav
@@ -2708,7 +3279,7 @@ let oe = class extends h {
     `;
   }
 };
-oe.styles = d`
+de.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2768,19 +3339,19 @@ oe.styles = d`
       }
     }
   `;
-w([
+P([
   n()
-], oe.prototype, "label", 2);
-w([
+], de.prototype, "label", 2);
+P([
   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 {
+], de.prototype, "toggleLabel", 2);
+P([
+  k()
+], de.prototype, "mobileOpen", 2);
+de = P([
+  h("vox-sidenav")
+], de);
+let Ae = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1;
   }
@@ -2803,7 +3374,7 @@ let me = class extends h {
     `;
   }
 };
-me.styles = d`
+Ae.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2860,21 +3431,21 @@ me.styles = d`
       display: flex;
     }
   `;
-w([
+P([
   n()
-], me.prototype, "heading", 2);
-w([
+], Ae.prototype, "heading", 2);
+P([
   n({ type: Boolean, reflect: !0 })
-], me.prototype, "open", 2);
-me = w([
-  p("vox-sidenav-group")
-], me);
-let $e = class extends h {
+], Ae.prototype, "open", 2);
+Ae = P([
+  h("vox-sidenav-group")
+], Ae);
+let ke = class extends p {
   constructor() {
     super(...arguments), this.href = "#", this.current = !1, this.hasIcon = !1;
   }
-  handleIconSlotChange(r) {
-    const e = r.target;
+  handleIconSlotChange(o) {
+    const e = o.target;
     this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
@@ -2888,7 +3459,7 @@ let $e = class extends h {
     `;
   }
 };
-$e.styles = d`
+ke.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2932,21 +3503,21 @@ $e.styles = d`
       display: none;
     }
   `;
-w([
+P([
   n()
-], $e.prototype, "href", 2);
-w([
+], ke.prototype, "href", 2);
+P([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Fr(e, o, t), t;
+], ke.prototype, "current", 2);
+ke = P([
+  h("vox-sidenav-item")
+], ke);
+var ts = Object.defineProperty, os = Object.getOwnPropertyDescriptor, jo = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? os(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && ts(e, r, t), t;
 };
-let ot = class extends h {
+let lt = class extends p {
   constructor() {
     super(...arguments), this.label = "Secondary";
   }
@@ -2958,7 +3529,7 @@ let ot = class extends h {
     `;
   }
 };
-ot.styles = d`
+lt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -2993,18 +3564,18 @@ ot.styles = d`
       border-bottom-color: var(--vox-color-brand-1);
     }
   `;
-ko([
+jo([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Gr(e, o, t), t;
+], lt.prototype, "label", 2);
+lt = jo([
+  h("vox-subnav")
+], lt);
+var rs = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, ee = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ss(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && rs(e, r, t), t;
 };
-let At = class extends h {
+let jt = class extends p {
   get tabs() {
     return [...this.querySelectorAll("vox-tab")];
   }
@@ -3012,16 +3583,16 @@ let At = class extends h {
     return [...this.querySelectorAll("vox-tab-panel")];
   }
   sync() {
-    const r = this.tabs;
-    r.length > 0 && !r.some((o) => o.selected) && (r[0].selected = !0);
-    const e = r.find((o) => o.selected);
-    this.panels.forEach((o) => {
-      o.active = o.name === (e == null ? void 0 : e.panel);
+    const o = this.tabs;
+    o.length > 0 && !o.some((r) => r.selected) && (o[0].selected = !0);
+    const e = o.find((r) => r.selected);
+    this.panels.forEach((r) => {
+      r.active = r.name === (e == null ? void 0 : e.panel);
     });
   }
-  handleSelect(r) {
-    const e = r.target;
-    e.tagName === "VOX-TAB" && (this.tabs.forEach((o) => o.selected = o === e), this.sync(), this.dispatchEvent(
+  handleSelect(o) {
+    const e = o.target;
+    e.tagName === "VOX-TAB" && (this.tabs.forEach((r) => r.selected = r === e), this.sync(), this.dispatchEvent(
       new CustomEvent("vox-tab-change", {
         detail: { panel: e.panel },
         bubbles: !0,
@@ -3029,11 +3600,11 @@ let At = class extends h {
       })
     ));
   }
-  handleKeydown(r) {
-    const o = { ArrowRight: 1, ArrowLeft: -1 }[r.key];
-    if (!o) return;
-    r.preventDefault();
-    const s = this.tabs, t = s.findIndex((i) => i.selected), a = s[(t + o + s.length) % s.length];
+  handleKeydown(o) {
+    const r = { ArrowRight: 1, ArrowLeft: -1 }[o.key];
+    if (!r) return;
+    o.preventDefault();
+    const s = this.tabs, t = s.findIndex((i) => i.selected), a = s[(t + r + s.length) % s.length];
     a.select(), a.focusTab();
   }
   render() {
@@ -3050,7 +3621,7 @@ let At = class extends h {
     `;
   }
 };
-At.styles = d`
+jt.styles = d`
     :host {
       display: block;
     }
@@ -3061,10 +3632,10 @@ At.styles = d`
       border-bottom: 1px solid var(--vox-color-divider);
     }
   `;
-At = Z([
-  p("vox-tabs")
-], At);
-let we = class extends h {
+jt = ee([
+  h("vox-tabs")
+], jt);
+let Pe = class extends p {
   constructor() {
     super(...arguments), this.panel = "", this.selected = !1;
   }
@@ -3074,8 +3645,8 @@ let we = class extends h {
     );
   }
   focusTab() {
-    var r;
-    (r = this.renderRoot.querySelector(".tab")) == null || r.focus();
+    var o;
+    (o = this.renderRoot.querySelector(".tab")) == null || o.focus();
   }
   render() {
     return l`
@@ -3091,7 +3662,7 @@ let we = class extends h {
     `;
   }
 };
-we.styles = d`
+Pe.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3126,16 +3697,16 @@ we.styles = d`
       border-bottom-color: var(--vox-color-brand-1);
     }
   `;
-Z([
+ee([
   n()
-], we.prototype, "panel", 2);
-Z([
+], Pe.prototype, "panel", 2);
+ee([
   n({ type: Boolean, reflect: !0 })
-], we.prototype, "selected", 2);
-we = Z([
-  p("vox-tab")
-], we);
-let _e = class extends h {
+], Pe.prototype, "selected", 2);
+Pe = ee([
+  h("vox-tab")
+], Pe);
+let Ee = class extends p {
   constructor() {
     super(...arguments), this.name = "", this.active = !1;
   }
@@ -3143,7 +3714,7 @@ let _e = class extends h {
     return l`<div role="tabpanel"><slot></slot></div>`;
   }
 };
-_e.styles = d`
+Ee.styles = d`
     :host {
       display: none;
       font-family: var(--vox-font-family-base);
@@ -3157,21 +3728,21 @@ _e.styles = d`
       display: block;
     }
   `;
-Z([
+ee([
   n()
-], _e.prototype, "name", 2);
-Z([
+], Ee.prototype, "name", 2);
+ee([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Wr(e, o, t), t;
+], Ee.prototype, "active", 2);
+Ee = ee([
+  h("vox-tab-panel")
+], Ee);
+var as = Object.defineProperty, is = Object.getOwnPropertyDescriptor, Ge = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? is(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && as(e, r, t), t;
 };
-let rt = class extends h {
+let ct = class extends p {
   constructor() {
     super(...arguments), this.heading = "On this page";
   }
@@ -3184,7 +3755,7 @@ let rt = class extends h {
     `;
   }
 };
-rt.styles = d`
+ct.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3205,18 +3776,18 @@ rt.styles = d`
       border-left: 1px solid var(--vox-color-divider);
     }
   `;
-Ue([
+Ge([
   n()
-], rt.prototype, "heading", 2);
-rt = Ue([
-  p("vox-toc")
-], rt);
-let Ce = class extends h {
+], ct.prototype, "heading", 2);
+ct = Ge([
+  h("vox-toc")
+], ct);
+let Le = class extends p {
   constructor() {
     super(...arguments), this.href = "#", this.current = !1, this.hasChildren = !1;
   }
-  handleChildrenSlotChange(r) {
-    const e = r.target;
+  handleChildrenSlotChange(o) {
+    const e = o.target;
     this.hasChildren = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
@@ -3230,7 +3801,7 @@ let Ce = class extends h {
     `;
   }
 };
-Ce.styles = d`
+Le.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3276,21 +3847,21 @@ Ce.styles = d`
       display: none;
     }
   `;
-Ue([
+Ge([
   n()
-], Ce.prototype, "href", 2);
-Ue([
+], Le.prototype, "href", 2);
+Ge([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Jr(e, o, t), t;
+], Le.prototype, "current", 2);
+Le = Ge([
+  h("vox-toc-item")
+], Le);
+var ns = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, We = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ls(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && ns(e, r, t), t;
 };
-let R = class extends h {
+let W = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1, this.lightDismiss = !1, this.hasFooter = !1;
   }
@@ -3308,11 +3879,11 @@ let R = class extends h {
       new CustomEvent("vox-close", { bubbles: !0, composed: !0 })
     );
   }
-  handleClick(r) {
-    this.lightDismiss && r.target === this.dialogEl && this.close();
+  handleClick(o) {
+    this.lightDismiss && o.target === this.dialogEl && this.close();
   }
-  handleFooterSlotChange(r) {
-    const e = r.target;
+  handleFooterSlotChange(o) {
+    const e = o.target;
     this.hasFooter = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
@@ -3338,7 +3909,7 @@ let R = class extends h {
     `;
   }
 };
-R.styles = d`
+W.styles = d`
     dialog {
       box-sizing: border-box;
       width: min(90vw, 480px);
@@ -3425,27 +3996,27 @@ R.styles = d`
       margin-bottom: 0;
     }
   `;
-Ie([
+We([
   n()
-], R.prototype, "heading", 2);
-Ie([
+], W.prototype, "heading", 2);
+We([
   n({ type: Boolean })
-], R.prototype, "open", 2);
-Ie([
+], W.prototype, "open", 2);
+We([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && es(e, o, t), t;
+], W.prototype, "lightDismiss", 2);
+We([
+  ue("dialog")
+], W.prototype, "dialogEl", 2);
+W = We([
+  h("vox-dialog")
+], W);
+var cs = Object.defineProperty, ds = Object.getOwnPropertyDescriptor, Gt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ds(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && cs(e, r, t), t;
 };
-let Oe = class extends h {
+let Se = class extends p {
   constructor() {
     super(...arguments), this.summary = "Show details", this.open = !1;
   }
@@ -3472,7 +4043,7 @@ let Oe = class extends h {
     `;
   }
 };
-Oe.styles = d`
+Se.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3524,36 +4095,36 @@ Oe.styles = d`
       display: none;
     }
   `;
-It([
+Gt([
   n()
-], Oe.prototype, "summary", 2);
-It([
+], Se.prototype, "summary", 2);
+Gt([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && os(e, o, t), t;
+], Se.prototype, "open", 2);
+Se = Gt([
+  h("vox-disclosure")
+], Se);
+var hs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, Wt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ps(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && hs(e, r, t), t;
 };
-let Me = class extends h {
+let Ve = class extends p {
   constructor() {
-    super(...arguments), this.label = "Menu", this.open = !1, this.handleOutsideClick = (r) => {
-      this.open && !r.composedPath().includes(this) && (this.open = !1);
-    }, this.handleKeydown = (r) => {
+    super(...arguments), this.label = "Menu", this.open = !1, this.handleOutsideClick = (o) => {
+      this.open && !o.composedPath().includes(this) && (this.open = !1);
+    }, this.handleKeydown = (o) => {
       var e;
-      if (r.key === "Escape" && this.open) {
+      if (o.key === "Escape" && this.open) {
         this.open = !1, (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")];
-        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();
+      if ((o.key === "ArrowDown" || o.key === "ArrowUp") && this.open) {
+        o.preventDefault();
+        const r = [...this.querySelectorAll("a, button")];
+        if (r.length === 0) return;
+        const s = document.activeElement, t = r.indexOf(s), a = o.key === "ArrowDown" ? 1 : -1;
+        r[(Math.max(t, 0) + a + r.length) % r.length].focus();
       }
     };
   }
@@ -3585,7 +4156,7 @@ let Me = class extends h {
     `;
   }
 };
-Me.styles = d`
+Ve.styles = d`
     :host {
       position: relative;
       display: inline-block;
@@ -3684,30 +4255,30 @@ Me.styles = d`
       border-top: 1px solid var(--vox-color-divider);
     }
   `;
-qt([
+Wt([
   n()
-], Me.prototype, "label", 2);
-qt([
+], Ve.prototype, "label", 2);
+Wt([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ss(e, o, t), t;
+], Ve.prototype, "open", 2);
+Ve = Wt([
+  h("vox-dropdown")
+], Ve);
+var vs = Object.defineProperty, us = Object.getOwnPropertyDescriptor, Ye = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? us(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && vs(e, r, t), t;
 };
-let st = class extends h {
+let dt = class extends p {
   constructor() {
     super(...arguments), this.single = !1;
   }
-  handleToggle(r) {
+  handleToggle(o) {
     if (!this.single) return;
-    const e = r.target;
+    const e = o.target;
     e.open && this.querySelectorAll("vox-accordion-item").forEach(
-      (o) => {
-        o !== e && (o.open = !1);
+      (r) => {
+        r !== e && (r.open = !1);
       }
     );
   }
@@ -3715,7 +4286,7 @@ let st = class extends h {
     return l`<slot @vox-toggle=${this.handleToggle}></slot>`;
   }
 };
-st.styles = d`
+dt.styles = d`
     :host {
       display: block;
       border: 1px solid var(--vox-color-divider);
@@ -3727,13 +4298,13 @@ st.styles = d`
       border-top: 1px solid var(--vox-color-divider);
     }
   `;
-qe([
+Ye([
   n({ type: Boolean })
-], st.prototype, "single", 2);
-st = qe([
-  p("vox-accordion")
-], st);
-let Ae = class extends h {
+], dt.prototype, "single", 2);
+dt = Ye([
+  h("vox-accordion")
+], dt);
+let je = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.open = !1;
   }
@@ -3762,7 +4333,7 @@ let Ae = class extends h {
     `;
   }
 };
-Ae.styles = d`
+je.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -3824,27 +4395,27 @@ Ae.styles = d`
       margin-bottom: 0;
     }
   `;
-qe([
+Ye([
   n()
-], Ae.prototype, "heading", 2);
-qe([
+], je.prototype, "heading", 2);
+Ye([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && is(e, o, t), t;
+], je.prototype, "open", 2);
+je = Ye([
+  h("vox-accordion-item")
+], je);
+var xs = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, Je = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? fs(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && xs(e, r, t), t;
 };
-const ls = {
+const gs = {
   info: "info",
   success: "check-circle",
   warning: "warning",
   danger: "x-circle"
 };
-let U = class extends h {
+let Y = class extends p {
   constructor() {
     super(...arguments), this.variant = "info", this.heading = "", this.dismissible = !1, this.open = !0;
   }
@@ -3866,7 +4437,7 @@ let U = class extends h {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${k[ls[this.variant]]}
+          ${D[gs[this.variant]]}
         </svg>
         <div class="body">
           ${this.heading ? l`<p class="heading">${this.heading}</p>` : x}
@@ -3883,7 +4454,7 @@ let U = class extends h {
     `;
   }
 };
-U.styles = d`
+Y.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -4002,27 +4573,27 @@ U.styles = d`
       margin-bottom: 0;
     }
   `;
-Ze([
+Je([
   n()
-], U.prototype, "variant", 2);
-Ze([
+], Y.prototype, "variant", 2);
+Je([
   n()
-], U.prototype, "heading", 2);
-Ze([
+], Y.prototype, "heading", 2);
+Je([
   n({ type: Boolean })
-], U.prototype, "dismissible", 2);
-Ze([
+], Y.prototype, "dismissible", 2);
+Je([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && cs(e, o, t), t;
+], Y.prototype, "open", 2);
+Y = Je([
+  h("vox-alert")
+], Y);
+var bs = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, zo = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ys(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && bs(e, r, t), t;
 };
-let at = class extends h {
+let ht = class extends p {
   constructor() {
     super(...arguments), this.variant = "brand";
   }
@@ -4030,7 +4601,7 @@ let at = class extends h {
     return l`<span class="badge ${this.variant}"><slot></slot></span>`;
   }
 };
-at.styles = d`
+ht.styles = d`
     :host {
       display: inline-block;
     }
@@ -4072,32 +4643,32 @@ at.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-Lo([
+zo([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ps(e, o, t), t;
+], ht.prototype, "variant", 2);
+ht = zo([
+  h("vox-badge")
+], ht);
+var ms = Object.defineProperty, ws = Object.getOwnPropertyDescriptor, Yt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ws(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && ms(e, r, t), t;
 };
-let Pe = class extends h {
+let ze = class extends p {
   constructor() {
     super(...arguments), this.date = "";
   }
   render() {
-    const r = /* @__PURE__ */ new Date(`${this.date}T00:00:00`), e = !Number.isNaN(r.getTime()), o = e ? r.toLocaleString(this.locale, { month: "short" }) : "—", s = e ? r.getDate() : "–";
+    const o = /* @__PURE__ */ new Date(`${this.date}T00:00:00`), e = !Number.isNaN(o.getTime()), r = e ? o.toLocaleString(this.locale, { month: "short" }) : "—", s = e ? o.getDate() : "–";
     return l`
       <time class="tile" datetime=${this.date}>
-        <span class="month">${o}</span>
+        <span class="month">${r}</span>
         <span class="day">${s}</span>
       </time>
     `;
   }
 };
-Pe.styles = d`
+ze.styles = d`
     :host {
       display: inline-block;
       font-family: var(--vox-font-family-base);
@@ -4133,32 +4704,32 @@ Pe.styles = d`
       color: var(--vox-color-text-1);
     }
   `;
-Zt([
+Yt([
   n()
-], Pe.prototype, "date", 2);
-Zt([
+], ze.prototype, "date", 2);
+Yt([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && vs(e, o, t), t;
+], ze.prototype, "locale", 2);
+ze = Yt([
+  h("vox-calendar-tile")
+], ze);
+var $s = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, Jt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? _s(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && $s(e, r, t), t;
 };
-const xs = {
+const Cs = {
   info: "Info",
   tip: "Tip",
   warning: "Warning",
   danger: "Danger"
-}, fs = {
+}, Os = {
   info: "info",
   tip: "check-circle",
   warning: "warning",
   danger: "x-circle"
 };
-let ke = class extends h {
+let De = class extends p {
   constructor() {
     super(...arguments), this.variant = "info";
   }
@@ -4175,17 +4746,17 @@ let ke = class extends h {
           stroke-linejoin="round"
           aria-hidden="true"
         >
-          ${k[fs[this.variant]]}
+          ${D[Os[this.variant]]}
         </svg>
         <div class="content">
-          <p class="heading">${this.heading ?? xs[this.variant]}</p>
+          <p class="heading">${this.heading ?? Cs[this.variant]}</p>
           <slot></slot>
         </div>
       </div>
     `;
   }
 };
-ke.styles = d`
+De.styles = d`
     :host {
       display: block;
     }
@@ -4268,38 +4839,38 @@ ke.styles = d`
       margin-bottom: 0;
     }
   `;
-Ft([
+Jt([
   n()
-], ke.prototype, "variant", 2);
-Ft([
+], De.prototype, "variant", 2);
+Jt([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && gs(e, o, t), t;
+], De.prototype, "heading", 2);
+De = Jt([
+  h("vox-callout")
+], De);
+var Ms = Object.defineProperty, As = Object.getOwnPropertyDescriptor, _t = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? As(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Ms(e, r, t), t;
 };
-let re = class extends h {
+let he = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasIcon = !1, this.hasBadge = !1, this.hasFooter = !1;
   }
-  handleIconSlotChange(r) {
-    const e = r.target;
+  handleIconSlotChange(o) {
+    const e = o.target;
     this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
-  handleBadgeSlotChange(r) {
-    const e = r.target;
+  handleBadgeSlotChange(o) {
+    const e = o.target;
     this.hasBadge = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
-  handleFooterSlotChange(r) {
-    const e = r.target;
+  handleFooterSlotChange(o) {
+    const e = o.target;
     this.hasFooter = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    const r = l`
+    const o = l`
       <div class="badge ${this.hasBadge ? "has-badge" : ""}">
         <slot name="badge" @slotchange=${this.handleBadgeSlotChange}></slot>
       </div>
@@ -4312,10 +4883,10 @@ let re = class extends h {
         <slot name="footer" @slotchange=${this.handleFooterSlotChange}></slot>
       </div>
     `;
-    return this.href !== void 0 ? l`<a class="card" href=${this.href} target=${this.target ?? x}>${r}</a>` : l`<div class="card">${r}</div>`;
+    return this.href !== void 0 ? l`<a class="card" href=${this.href} target=${this.target ?? x}>${o}</a>` : l`<div class="card">${o}</div>`;
   }
 };
-re.styles = d`
+he.styles = d`
     :host {
       display: block;
     }
@@ -4400,59 +4971,59 @@ re.styles = d`
       display: none;
     }
   `;
-ft([
+_t([
   n()
-], re.prototype, "heading", 2);
-ft([
+], he.prototype, "heading", 2);
+_t([
   n()
-], re.prototype, "href", 2);
-ft([
+], he.prototype, "href", 2);
+_t([
   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;
+], he.prototype, "target", 2);
+he = _t([
+  h("vox-card")
+], he);
+function Do(o, e) {
+  let r = e;
+  for (; r < o.length && (o[r] === " " || o[r] === "	"); ) r++;
+  return r;
 }
-function F(r, e) {
+function te(o, e) {
   return {
-    re: r,
-    type: (o, s, t) => e.has(o) ? "keyword" : s[Eo(s, t)] === "(" ? "function" : "plain"
+    re: o,
+    type: (r, s, t) => e.has(r) ? "keyword" : s[Do(s, t)] === "(" ? "function" : "plain"
   };
 }
-function Pt(r) {
+function zt(o) {
   return {
-    re: r,
-    type: (e, o, s) => o[Eo(o, s)] === ":" ? "property" : "string"
+    re: o,
+    type: (e, r, s) => r[Do(r, 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 });
+const Xe = /-?\b\d+\.?\d*(?:[eE][+-]?\d+)?\b/y, N = /"(?:\\.|[^"\\])*"/y, oe = /'(?:\\.|[^'\\])*'/y, Ct = /#.*/y, ks = /\/\/.*/y, Ho = /\/\*[\s\S]*?\*\//y;
+function go(o, e, r) {
+  const s = o[o.length - 1];
+  s && s.type === e ? s.text += r : o.push({ type: e, text: r });
 }
-function ms(r, e) {
-  const o = [];
+function Ps(o, e) {
+  const r = [];
   let s = 0;
-  for (; s < r.length; ) {
+  for (; s < o.length; ) {
     let t = !1;
     for (const a of e) {
       a.re.lastIndex = s;
-      const i = a.re.exec(r);
+      const i = a.re.exec(o);
       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;
+        const v = i[0], u = typeof a.type == "function" ? a.type(v, o, s + v.length) : a.type;
+        go(r, u, v), s += v.length, t = !0;
         break;
       }
     }
-    t || (ho(o, "plain", r[s]), s++);
+    t || (go(r, "plain", o[s]), s++);
   }
-  return o;
+  return r;
 }
-const $s = /* @__PURE__ */ new Set([
+const Es = /* @__PURE__ */ new Set([
   "if",
   "then",
   "elif",
@@ -4488,14 +5059,14 @@ const $s = /* @__PURE__ */ new Set([
   "unalias",
   "true",
   "false"
-]), We = [
-  { re: gt, type: "comment" },
+]), ot = [
+  { re: Ct, 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([
+  { re: N, type: "string" },
+  { re: oe, type: "string" },
+  { re: Xe, type: "number" },
+  te(/[A-Za-z_][\w-]*/y, Es)
+], Ls = /* @__PURE__ */ new Set([
   "true",
   "false",
   "yes",
@@ -4517,19 +5088,19 @@ const $s = /* @__PURE__ */ new Set([
   "NULL",
   "ON",
   "OFF"
-]), vo = [
-  { re: gt, type: "comment" },
-  Pt(S),
-  Pt(K),
+]), bo = [
+  { re: Ct, type: "comment" },
+  zt(N),
+  zt(oe),
   { 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([
+  { re: Xe, type: "number" },
+  te(/[A-Za-z_][\w-]*/y, Ls)
+], Ss = [
+  zt(N),
+  { re: Xe, type: "number" },
+  te(/[A-Za-z_]\w*/y, /* @__PURE__ */ new Set(["true", "false", "null"]))
+], Vs = /* @__PURE__ */ new Set([
   "const",
   "let",
   "var",
@@ -4587,32 +5158,32 @@ const $s = /* @__PURE__ */ new Set([
   "abstract",
   "keyof",
   "satisfies"
-]), Xe = [
-  { re: ys, type: "comment" },
-  { re: So, type: "comment" },
-  { re: S, type: "string" },
-  { re: K, type: "string" },
+]), rt = [
+  { re: ks, type: "comment" },
+  { re: Ho, type: "comment" },
+  { re: N, type: "string" },
+  { re: oe, 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" },
+  te(/[A-Za-z_$][\w$]*/y, Vs)
+], js = [
+  { re: Ho, type: "comment" },
+  { re: N, type: "string" },
+  { re: oe, 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 = [
+  te(/[a-zA-Z-]+/y, /* @__PURE__ */ new Set())
+], yo = [
   { 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: N, type: "string" },
+  { re: oe, type: "string" },
   { re: /&[\w#]+;/y, type: "keyword" }
-], Ms = /* @__PURE__ */ new Set([
+], zs = /* @__PURE__ */ new Set([
   "def",
   "end",
   "if",
@@ -4660,16 +5231,16 @@ const $s = /* @__PURE__ */ new Set([
   "lambda",
   "proc",
   "new"
-]), xo = [
-  { re: gt, type: "comment" },
+]), mo = [
+  { re: Ct, 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: N, type: "string" },
+  { re: oe, type: "string" },
+  { re: Xe, type: "number" },
   { re: /[A-Z]\w*/y, type: "property" },
-  F(/[a-z_]\w*[?!]?/y, Ms)
-], As = /* @__PURE__ */ new Set([
+  te(/[a-z_]\w*[?!]?/y, zs)
+], Ds = /* @__PURE__ */ new Set([
   "class",
   "define",
   "node",
@@ -4725,35 +5296,35 @@ const $s = /* @__PURE__ */ new Set([
   "Callable",
   "Data",
   "Scalar"
-]), fo = [
-  { re: gt, type: "comment" },
-  { re: S, type: "string" },
-  { re: K, type: "string" },
+]), wo = [
+  { re: Ct, type: "comment" },
+  { re: N, type: "string" },
+  { re: oe, 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 = {
+  { re: Xe, type: "number" },
+  te(/[A-Za-z_][\w:]*/y, Ds)
+], Hs = {
+  bash: ot,
+  sh: ot,
+  shell: ot,
+  zsh: ot,
+  yaml: bo,
+  yml: bo,
+  json: Ss,
+  javascript: rt,
+  js: rt,
+  typescript: rt,
+  ts: rt,
+  css: js,
+  html: yo,
+  xml: yo,
+  ruby: mo,
+  rb: mo,
+  puppet: wo,
+  pp: wo
+}, Ts = {
   bash: "Bash",
   sh: "Shell",
   shell: "Shell",
@@ -4775,68 +5346,68 @@ const $s = /* @__PURE__ */ new Set([
   plaintext: "Plain Text",
   text: "Plain Text"
 };
-function Ls(r, e) {
-  const o = Ps[e];
-  return o ? ms(r, o) : [{ type: "plain", text: r }];
+function Bs(o, e) {
+  const r = Hs[e];
+  return r ? Ps(o, r) : [{ type: "plain", text: o }];
 }
-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;
+var Ns = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, S = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Rs(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Ns(e, r, t), t;
 };
-function js(r) {
-  const e = r.split(`
+function Is(o) {
+  const e = o.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) => {
+  const r = 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;
+  }), s = r.length ? Math.min(...r) : 0;
   return e.map((t) => t.slice(s)).join(`
 `);
 }
-function zs(r) {
+function qs(o) {
   const e = [[]];
-  for (const o of r)
-    o.text.split(`
+  for (const r of o)
+    r.text.split(`
 `).forEach((s, t) => {
-      t > 0 && e.push([]), s && e[e.length - 1].push({ type: o.type, text: s });
+      t > 0 && e.push([]), s && e[e.length - 1].push({ type: r.type, text: s });
     });
   return e;
 }
-let $ = class extends h {
+let O = class extends p {
   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);
+  _handleSlotChange(o) {
+    const r = o.target.assignedNodes({ flatten: !0 }).map((s) => s.textContent ?? "").join("");
+    this._code = Is(r);
   }
   async _copy() {
-    var r;
+    var o;
     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();
+      e.value = this._code, e.style.position = "fixed", e.style.opacity = "0", (o = this.shadowRoot) == null || o.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));
+    const o = Ts[this.language] ?? this.language, e = qs(Bs(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}
+                  ${o ? l`<span class="lang">${o}</span>` : x}
                 </span>
                 ${this.noCopy ? x : l`
                       <button
@@ -4846,14 +5417,14 @@ let $ = class extends h {
                         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"]}
+                          ${D[this._copied ? "check" : "copy"]}
                         </svg>
                       </button>
                     `}
               </div>
             `}
         <pre tabindex="0"><code>${e.map(
-      (o) => l`<span class="line">${o.map(
+      (r) => l`<span class="line">${r.map(
         (s) => s.type === "plain" ? s.text : l`<span class="tok-${s.type}">${s.text}</span>`
       )}</span>`
     )}</code></pre>
@@ -4863,7 +5434,7 @@ let $ = class extends h {
     `;
   }
 };
-$.styles = d`
+O.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5024,48 +5595,48 @@ $.styles = d`
       white-space: nowrap;
     }
   `;
-O([
+S([
   n()
-], $.prototype, "language", 2);
-O([
+], O.prototype, "language", 2);
+S([
   n()
-], $.prototype, "filename", 2);
-O([
+], O.prototype, "filename", 2);
+S([
   n({ type: Boolean, attribute: "line-numbers", reflect: !0 })
-], $.prototype, "lineNumbers", 2);
-O([
+], O.prototype, "lineNumbers", 2);
+S([
   n({ type: Boolean, attribute: "no-copy" })
-], $.prototype, "noCopy", 2);
-O([
+], O.prototype, "noCopy", 2);
+S([
   n({ type: Boolean, attribute: "no-header" })
-], $.prototype, "noHeader", 2);
-O([
+], O.prototype, "noHeader", 2);
+S([
   n({ type: Boolean, attribute: "no-border", reflect: !0 })
-], $.prototype, "noBorder", 2);
-O([
-  ie()
-], $.prototype, "_code", 2);
-O([
-  ie()
-], $.prototype, "_copied", 2);
-$ = O([
-  p("vox-code-block")
-], $);
-var Vs = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, jo = (r, e, o, s) => {
-  for (var t = s > 1 ? void 0 : s ? Ds(e, o) : e, a = r.length - 1, i; a >= 0; a--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Vs(e, o, t), t;
+], O.prototype, "noBorder", 2);
+S([
+  k()
+], O.prototype, "_code", 2);
+S([
+  k()
+], O.prototype, "_copied", 2);
+O = S([
+  h("vox-code-block")
+], O);
+var Us = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, To = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Zs(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Us(e, r, t), t;
 };
-let it = class extends h {
+let pt = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasBody = !1, this.hasActions = !1;
   }
-  handleBodySlotChange(r) {
-    const e = r.target;
+  handleBodySlotChange(o) {
+    const e = o.target;
     this.hasBody = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
-  handleActionsSlotChange(r) {
-    const e = r.target;
+  handleActionsSlotChange(o) {
+    const e = o.target;
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
@@ -5082,7 +5653,7 @@ let it = class extends h {
     `;
   }
 };
-it.styles = d`
+pt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5137,18 +5708,18 @@ it.styles = d`
       display: none;
     }
   `;
-jo([
+To([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Hs(e, o, t), t;
+], pt.prototype, "heading", 2);
+pt = To([
+  h("vox-cta-band")
+], pt);
+var Fs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Bo = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ks(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Fs(e, r, t), t;
 };
-let nt = class extends h {
+let vt = class extends p {
   constructor() {
     super(...arguments), this.heading = "";
   }
@@ -5163,7 +5734,7 @@ let nt = class extends h {
     `;
   }
 };
-nt.styles = d`
+vt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5207,18 +5778,18 @@ nt.styles = d`
       margin-top: var(--vox-space-4);
     }
   `;
-zo([
+Bo([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Bs(e, o, t), t;
+], vt.prototype, "heading", 2);
+vt = Bo([
+  h("vox-empty-state")
+], vt);
+var Gs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Xt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Ws(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Gs(e, r, t), t;
 };
-let kt = class extends h {
+let Dt = class extends p {
   render() {
     return l`
       <footer>
@@ -5230,7 +5801,7 @@ let kt = class extends h {
     `;
   }
 };
-kt.styles = d`
+Dt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5258,10 +5829,10 @@ kt.styles = d`
       color: var(--vox-color-text-3);
     }
   `;
-kt = Kt([
-  p("vox-footer")
-], kt);
-let lt = class extends h {
+Dt = Xt([
+  h("vox-footer")
+], Dt);
+let ut = class extends p {
   constructor() {
     super(...arguments), this.heading = "";
   }
@@ -5272,7 +5843,7 @@ let lt = class extends h {
     `;
   }
 };
-lt.styles = d`
+ut.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5304,18 +5875,18 @@ lt.styles = d`
       text-decoration: underline;
     }
   `;
-Kt([
+Xt([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Rs(e, o, t), t;
+], ut.prototype, "heading", 2);
+ut = Xt([
+  h("vox-footer-column")
+], ut);
+var Ys = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, Ot = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Js(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Ys(e, r, t), t;
 };
-let se = class extends h {
+let pe = class extends p {
   constructor() {
     super(...arguments), this.cols = 0, this.min = "240px", this.gap = "md";
   }
@@ -5326,7 +5897,7 @@ let se = class extends h {
     return l`<slot></slot>`;
   }
 };
-se.styles = d`
+pe.styles = d`
     :host {
       display: grid;
     }
@@ -5343,29 +5914,29 @@ se.styles = d`
       gap: var(--vox-space-6);
     }
   `;
-bt([
+Ot([
   n({ type: Number })
-], se.prototype, "cols", 2);
-bt([
+], pe.prototype, "cols", 2);
+Ot([
   n()
-], se.prototype, "min", 2);
-bt([
+], pe.prototype, "min", 2);
+Ot([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Is(e, o, t), t;
+], pe.prototype, "gap", 2);
+pe = Ot([
+  h("vox-grid")
+], pe);
+var Xs = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, Qt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? Qs(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && Xs(e, r, t), t;
 };
-let Le = class extends h {
+let He = class extends p {
   constructor() {
     super(...arguments), this.eyebrow = "", this.heading = "", this.hasActions = !1;
   }
-  handleActionsSlotChange(r) {
-    const e = r.target;
+  handleActionsSlotChange(o) {
+    const e = o.target;
     this.hasActions = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
@@ -5381,7 +5952,7 @@ let Le = class extends h {
     `;
   }
 };
-Le.styles = d`
+He.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5438,41 +6009,41 @@ Le.styles = d`
       display: none;
     }
   `;
-Gt([
+Qt([
   n()
-], Le.prototype, "eyebrow", 2);
-Gt([
+], He.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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Zs(e, o, t), t;
+], He.prototype, "heading", 2);
+He = Qt([
+  h("vox-hero")
+], He);
+var ea = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, Mt = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ta(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && ea(e, r, t), t;
 };
-let Lt = class extends h {
+let Ht = class extends p {
   render() {
     return l`<slot></slot>`;
   }
 };
-Lt.styles = d`
+Ht.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 {
+Ht = Mt([
+  h("vox-link-hub")
+], Ht);
+let Te = class extends p {
   constructor() {
     super(...arguments), this.href = "#", this.heading = "", this.hasIcon = !1;
   }
-  handleIconSlotChange(r) {
-    const e = r.target;
+  handleIconSlotChange(o) {
+    const e = o.target;
     this.hasIcon = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
@@ -5493,7 +6064,7 @@ let Ee = class extends h {
     `;
   }
 };
-Ee.styles = d`
+Te.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5554,21 +6125,21 @@ Ee.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-yt([
+Mt([
   n()
-], Ee.prototype, "href", 2);
-yt([
+], Te.prototype, "href", 2);
+Mt([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Ks(e, o, t), t;
+], Te.prototype, "heading", 2);
+Te = Mt([
+  h("vox-link-hub-item")
+], Te);
+var oa = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, eo = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ra(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && oa(e, r, t), t;
 };
-let Se = class extends h {
+let Be = class extends p {
   constructor() {
     super(...arguments), this.size = "md", this.label = "Loading";
   }
@@ -5581,7 +6152,7 @@ let Se = class extends h {
     `;
   }
 };
-Se.styles = d`
+Be.styles = d`
     :host {
       display: inline-block;
     }
@@ -5634,21 +6205,21 @@ Se.styles = d`
       white-space: nowrap;
     }
   `;
-Yt([
+eo([
   n({ reflect: !0 })
-], Se.prototype, "size", 2);
-Yt([
+], Be.prototype, "size", 2);
+eo([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Ys(e, o, t), t;
+], Be.prototype, "label", 2);
+Be = eo([
+  h("vox-loader")
+], Be);
+var sa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, No = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? aa(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && sa(e, r, t), t;
 };
-let ct = class extends h {
+let xt = class extends p {
   constructor() {
     super(...arguments), this.label = "Pagination";
   }
@@ -5660,7 +6231,7 @@ let ct = class extends h {
     `;
   }
 };
-ct.styles = d`
+xt.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5700,18 +6271,18 @@ ct.styles = d`
       font-weight: 600;
     }
   `;
-Vo([
+No([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Xs(e, o, t), t;
+], xt.prototype, "label", 2);
+xt = No([
+  h("vox-pagination")
+], xt);
+var ia = Object.defineProperty, na = Object.getOwnPropertyDescriptor, to = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? na(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && ia(e, r, t), t;
 };
-let je = class extends h {
+let Ne = class extends p {
   constructor() {
     super(...arguments), this.attribution = "", this.detail = "";
   }
@@ -5729,7 +6300,7 @@ let je = class extends h {
     `;
   }
 };
-je.styles = d`
+Ne.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5771,26 +6342,26 @@ je.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-Wt([
+to([
   n()
-], je.prototype, "attribution", 2);
-Wt([
+], Ne.prototype, "attribution", 2);
+to([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && Qs(e, o, t), t;
+], Ne.prototype, "detail", 2);
+Ne = to([
+  h("vox-quote")
+], Ne);
+var la = Object.defineProperty, ca = Object.getOwnPropertyDescriptor, re = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ca(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && la(e, r, t), t;
 };
-let dt = class extends h {
+let ft = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.hasDescription = !1;
   }
-  handleDescriptionSlotChange(r) {
-    const e = r.target;
+  handleDescriptionSlotChange(o) {
+    const e = o.target;
     this.hasDescription = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
@@ -5808,7 +6379,7 @@ let dt = class extends h {
     `;
   }
 };
-dt.styles = d`
+ft.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5840,22 +6411,22 @@ dt.styles = d`
       margin-top: var(--vox-space-6);
     }
   `;
-G([
+re([
   n()
-], dt.prototype, "heading", 2);
-dt = G([
-  p("vox-sponsor-tier")
-], dt);
-let I = class extends h {
+], ft.prototype, "heading", 2);
+ft = re([
+  h("vox-sponsor-tier")
+], ft);
+let J = class extends p {
   constructor() {
     super(...arguments), this.name = "", this.hasBody = !1;
   }
-  handleBodySlotChange(r) {
-    const e = r.target;
+  handleBodySlotChange(o) {
+    const e = o.target;
     this.hasBody = e.assignedNodes({ flatten: !0 }).length > 0, this.requestUpdate();
   }
   render() {
-    const r = l`
+    const o = l`
       <div class="logo ${this.logo ? "has-logo" : ""}">
         ${this.logo ? l`<img src=${this.logo} alt=${this.name} />` : x}
       </div>
@@ -5868,11 +6439,11 @@ let I = class extends h {
           class="sponsor"
           href=${this.href}
           target=${this.target ?? x}
-          >${r}</a
-        >` : l`<div class="sponsor">${r}</div>`;
+          >${o}</a
+        >` : l`<div class="sponsor">${o}</div>`;
   }
 };
-I.styles = d`
+J.styles = d`
     :host {
       display: block;
     }
@@ -5938,27 +6509,27 @@ I.styles = d`
       display: none;
     }
   `;
-G([
+re([
   n()
-], I.prototype, "name", 2);
-G([
+], J.prototype, "name", 2);
+re([
   n()
-], I.prototype, "href", 2);
-G([
+], J.prototype, "href", 2);
+re([
   n()
-], I.prototype, "logo", 2);
-G([
+], J.prototype, "logo", 2);
+re([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ta(e, o, t), t;
+], J.prototype, "target", 2);
+J = re([
+  h("vox-sponsor")
+], J);
+var da = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, oo = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? ha(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && da(e, r, t), t;
 };
-let ze = class extends h {
+let Re = class extends p {
   constructor() {
     super(...arguments), this.value = "", this.label = "";
   }
@@ -5970,7 +6541,7 @@ let ze = class extends h {
     `;
   }
 };
-ze.styles = d`
+Re.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -5997,24 +6568,24 @@ ze.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-Xt([
+oo([
   n()
-], ze.prototype, "value", 2);
-Xt([
+], Re.prototype, "value", 2);
+oo([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && ra(e, o, t), t;
+], Re.prototype, "label", 2);
+Re = oo([
+  h("vox-stat")
+], Re);
+var pa = Object.defineProperty, va = Object.getOwnPropertyDescriptor, Qe = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? va(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && pa(e, r, t), t;
 };
-let Et = class extends h {
+let Tt = class extends p {
   numberSteps() {
-    this.querySelectorAll("vox-step").forEach((r, e) => {
-      r.number = e + 1;
+    this.querySelectorAll("vox-step").forEach((o, e) => {
+      o.number = e + 1;
     });
   }
   render() {
@@ -6025,7 +6596,7 @@ let Et = class extends h {
     `;
   }
 };
-Et.styles = d`
+Tt.styles = d`
     :host {
       display: block;
     }
@@ -6039,10 +6610,10 @@ Et.styles = d`
       flex: 1 1 0;
     }
   `;
-Et = Ke([
-  p("vox-step-indicator")
-], Et);
-let ae = class extends h {
+Tt = Qe([
+  h("vox-step-indicator")
+], Tt);
+let ve = class extends p {
   constructor() {
     super(...arguments), this.label = "", this.state = "upcoming", this.number = 1;
   }
@@ -6063,7 +6634,7 @@ let ae = class extends h {
     `;
   }
 };
-ae.styles = d`
+ve.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -6137,37 +6708,37 @@ ae.styles = d`
       color: var(--vox-color-text-1);
     }
   `;
-Ke([
+Qe([
   n()
-], ae.prototype, "label", 2);
-Ke([
+], ve.prototype, "label", 2);
+Qe([
   n({ reflect: !0 })
-], ae.prototype, "state", 2);
-Ke([
+], ve.prototype, "state", 2);
+Qe([
   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--)
-    (i = r[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
-  return s && t && aa(e, o, t), t;
+], ve.prototype, "number", 2);
+ve = Qe([
+  h("vox-step")
+], ve);
+var ua = Object.defineProperty, xa = Object.getOwnPropertyDescriptor, At = (o, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? xa(e, r) : e, a = o.length - 1, i; a >= 0; a--)
+    (i = o[a]) && (t = (s ? i(e, r, t) : i(t)) || t);
+  return s && t && ua(e, r, t), t;
 };
-let St = class extends h {
+let Bt = class extends p {
   render() {
     return l`<slot></slot>`;
   }
 };
-St.styles = d`
+Bt.styles = d`
     :host {
       display: block;
     }
   `;
-St = mt([
-  p("vox-timeline")
-], St);
-let Ve = class extends h {
+Bt = At([
+  h("vox-timeline")
+], Bt);
+let Ie = class extends p {
   constructor() {
     super(...arguments), this.heading = "", this.date = "";
   }
@@ -6182,7 +6753,7 @@ let Ve = class extends h {
     `;
   }
 };
-Ve.styles = d`
+Ie.styles = d`
     :host {
       display: block;
       font-family: var(--vox-font-family-base);
@@ -6232,70 +6803,72 @@ Ve.styles = d`
       color: var(--vox-color-text-2);
     }
   `;
-mt([
+At([
   n()
-], Ve.prototype, "heading", 2);
-mt([
+], Ie.prototype, "heading", 2);
+At([
   n()
-], Ve.prototype, "date", 2);
-Ve = mt([
-  p("vox-timeline-item")
-], Ve);
+], Ie.prototype, "date", 2);
+Ie = At([
+  h("vox-timeline-item")
+], Ie);
 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
+  dt as VoxAccordion,
+  je as VoxAccordionItem,
+  Y as VoxAlert,
+  K as VoxAvatar,
+  ht as VoxBadge,
+  Me as VoxBillboard,
+  Vt as VoxBreadcrumbs,
+  L as VoxButton,
+  ze as VoxCalendarTile,
+  De as VoxCallout,
+  he as VoxCard,
+  Ce as VoxCheckbox,
+  O as VoxCodeBlock,
+  $ as VoxCombobox,
+  _e as VoxCta,
+  pt as VoxCtaBand,
+  W as VoxDialog,
+  Se as VoxDisclosure,
+  Ve as VoxDropdown,
+  vt as VoxEmptyState,
+  H as VoxFileInput,
+  Dt as VoxFooter,
+  ut as VoxFooterColumn,
+  pe as VoxGrid,
+  ce as VoxHeader,
+  He as VoxHero,
+  ne as VoxIcon,
+  w as VoxInput,
+  St as VoxInputGroup,
+  Ht as VoxLinkHub,
+  Te as VoxLinkHubItem,
+  Be as VoxLoader,
+  xt as VoxPagination,
+  Ne as VoxQuote,
+  le as VoxRadio,
+  nt as VoxRadioGroup,
+  A as VoxRange,
+  T as VoxSelect,
+  G as VoxSeriesNav,
+  de as VoxSidenav,
+  Ae as VoxSidenavGroup,
+  ke as VoxSidenavItem,
+  J as VoxSponsor,
+  ft as VoxSponsorTier,
+  Re as VoxStat,
+  ve as VoxStep,
+  Tt as VoxStepIndicator,
+  lt as VoxSubnav,
+  Oe as VoxSwitch,
+  Pe as VoxTab,
+  Ee as VoxTabPanel,
+  jt as VoxTabs,
+  F as VoxTextarea,
+  ie as VoxThemeToggle,
+  Bt as VoxTimeline,
+  Ie as VoxTimelineItem,
+  ct as VoxToc,
+  Le as VoxTocItem
 };