@urnetwork/elements 0.0.1-beta.4 → 0.0.1-beta.6

package/dist/{selected-location-BFk7DXEb.js → selected-location-BOQuY5tO.js}

@@ -1,11 +1,11 @@
-import { css as c, LitElement as p, html as h } from "lit";
-import { unsafeStatic as ct, html as pt } from "lit/static-html.js";
+import { css as c, LitElement as d, html as h } from "lit";
+import { unsafeStatic as at, html as ht } from "lit/static-html.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const d = (i) => (t, e) => {
+const u = (i) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
     customElements.define(i, t);
   }) : customElements.define(i, t);
@@ -15,10 +15,10 @@ const d = (i) => (t, e) => {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = globalThis, V = D.ShadowRoot && (D.ShadyCSS === void 0 || D.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, rt = Symbol(), J = /* @__PURE__ */ new WeakMap();
-let dt = class {
+const D = globalThis, V = D.ShadowRoot && (D.ShadyCSS === void 0 || D.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, et = Symbol(), G = /* @__PURE__ */ new WeakMap();
+let ct = class {
   constructor(t, e, o) {
-    if (this._$cssResult$ = !0, o !== rt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, o !== et) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
@@ -26,7 +26,7 @@ let dt = class {
     const e = this.t;
     if (V && t === void 0) {
       const o = e !== void 0 && e.length === 1;
-      o && (t = J.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && J.set(e, t));
+      o && (t = G.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && G.set(e, t));
     }
     return t;
   }
@@ -34,26 +34,26 @@ let dt = class {
     return this.cssText;
   }
 };
-const ut = (i) => new dt(typeof i == "string" ? i : i + "", void 0, rt), ft = (i, t) => {
+const pt = (i) => new ct(typeof i == "string" ? i : i + "", void 0, et), dt = (i, t) => {
   if (V) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const o = document.createElement("style"), r = D.litNonce;
     r !== void 0 && o.setAttribute("nonce", r), o.textContent = e.cssText, i.appendChild(o);
   }
-}, X = V ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+}, J = V ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const o of t.cssRules) e += o.cssText;
-  return ut(e);
+  return pt(e);
 })(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: vt, defineProperty: mt, getOwnPropertyDescriptor: gt, getOwnPropertyNames: bt, getOwnPropertySymbols: yt, getPrototypeOf: wt } = Object, y = globalThis, Y = y.trustedTypes, Ct = Y ? Y.emptyScript : "", T = y.reactiveElementPolyfillSupport, E = (i, t) => i, H = { toAttribute(i, t) {
+const { is: ut, defineProperty: ft, getOwnPropertyDescriptor: vt, getOwnPropertyNames: mt, getOwnPropertySymbols: gt, getPrototypeOf: bt } = Object, y = globalThis, Y = y.trustedTypes, yt = Y ? Y.emptyScript : "", T = y.reactiveElementPolyfillSupport, P = (i, t) => i, H = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
-      i = i ? Ct : null;
+      i = i ? yt : null;
       break;
     case Object:
     case Array:
@@ -78,44 +78,44 @@ const { is: vt, defineProperty: mt, getOwnPropertyDescriptor: gt, getOwnProperty
       }
   }
   return e;
-} }, K = (i, t) => !vt(i, t), Q = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: K };
+} }, K = (i, t) => !ut(i, t), X = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: K };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), y.litPropertyMetadata ?? (y.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class M extends HTMLElement {
+class S extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = Q) {
+  static createProperty(t, e = X) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
       const o = Symbol(), r = this.getPropertyDescriptor(t, o, e);
-      r !== void 0 && mt(this.prototype, t, r);
+      r !== void 0 && ft(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, e, o) {
-    const { get: r, set: s } = gt(this.prototype, t) ?? { get() {
+    const { get: r, set: l } = vt(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(l) {
-      this[e] = l;
+    }, set(s) {
+      this[e] = s;
     } };
-    return { get: r, set(l) {
+    return { get: r, set(s) {
       const a = r == null ? void 0 : r.call(this);
-      s == null || s.call(this, l), this.requestUpdate(t, a, o);
+      l == null || l.call(this, s), this.requestUpdate(t, a, o);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Q;
+    return this.elementProperties.get(t) ?? X;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(E("elementProperties"))) return;
-    const t = wt(this);
+    if (this.hasOwnProperty(P("elementProperties"))) return;
+    const t = bt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(E("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(E("properties"))) {
-      const e = this.properties, o = [...bt(e), ...yt(e)];
+    if (this.hasOwnProperty(P("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(P("properties"))) {
+      const e = this.properties, o = [...mt(e), ...gt(e)];
       for (const r of o) this.createProperty(r, e[r]);
     }
     const t = this[Symbol.metadata];
@@ -134,8 +134,8 @@ class M extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const o = new Set(t.flat(1 / 0).reverse());
-      for (const r of o) e.unshift(X(r));
-    } else t !== void 0 && e.push(X(t));
+      for (const r of o) e.unshift(J(r));
+    } else t !== void 0 && e.push(J(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -164,7 +164,7 @@ class M extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ft(t, this.constructor.elementStyles), t;
+    return dt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -186,34 +186,34 @@ class M extends HTMLElement {
     this._$AK(t, o);
   }
   _$ET(t, e) {
-    var s;
+    var l;
     const o = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, o);
     if (r !== void 0 && o.reflect === !0) {
-      const l = (((s = o.converter) == null ? void 0 : s.toAttribute) !== void 0 ? o.converter : H).toAttribute(e, o.type);
-      this._$Em = t, l == null ? this.removeAttribute(r) : this.setAttribute(r, l), this._$Em = null;
+      const s = (((l = o.converter) == null ? void 0 : l.toAttribute) !== void 0 ? o.converter : H).toAttribute(e, o.type);
+      this._$Em = t, s == null ? this.removeAttribute(r) : this.setAttribute(r, s), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var s, l;
+    var l, s;
     const o = this.constructor, r = o._$Eh.get(t);
     if (r !== void 0 && this._$Em !== r) {
-      const a = o.getPropertyOptions(r), v = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((s = a.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? a.converter : H;
+      const a = o.getPropertyOptions(r), v = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((l = a.converter) == null ? void 0 : l.fromAttribute) !== void 0 ? a.converter : H;
       this._$Em = r;
       const B = v.fromAttribute(e, a.type);
-      this[r] = B ?? ((l = this._$Ej) == null ? void 0 : l.get(r)) ?? B, this._$Em = null;
+      this[r] = B ?? ((s = this._$Ej) == null ? void 0 : s.get(r)) ?? B, this._$Em = null;
     }
   }
-  requestUpdate(t, e, o, r = !1, s) {
-    var l;
+  requestUpdate(t, e, o, r = !1, l) {
+    var s;
     if (t !== void 0) {
       const a = this.constructor;
-      if (r === !1 && (s = this[t]), o ?? (o = a.getPropertyOptions(t)), !((o.hasChanged ?? K)(s, e) || o.useDefault && o.reflect && s === ((l = this._$Ej) == null ? void 0 : l.get(t)) && !this.hasAttribute(a._$Eu(t, o)))) return;
+      if (r === !1 && (l = this[t]), o ?? (o = a.getPropertyOptions(t)), !((o.hasChanged ?? K)(l, e) || o.useDefault && o.reflect && l === ((s = this._$Ej) == null ? void 0 : s.get(t)) && !this.hasAttribute(a._$Eu(t, o)))) return;
       this.C(t, e, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: o, reflect: r, wrapped: s }, l) {
-    o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, l ?? e ?? this[t]), s !== !0 || l !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
+  C(t, e, { useDefault: o, reflect: r, wrapped: l }, s) {
+    o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), l !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -233,21 +233,21 @@ class M extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [s, l] of this._$Ep) this[s] = l;
+        for (const [l, s] of this._$Ep) this[l] = s;
         this._$Ep = void 0;
       }
       const r = this.constructor.elementProperties;
-      if (r.size > 0) for (const [s, l] of r) {
-        const { wrapped: a } = l, v = this[s];
-        a !== !0 || this._$AL.has(s) || v === void 0 || this.C(s, void 0, l, v);
+      if (r.size > 0) for (const [l, s] of r) {
+        const { wrapped: a } = s, v = this[l];
+        a !== !0 || this._$AL.has(l) || v === void 0 || this.C(l, void 0, s, v);
       }
     }
     let t = !1;
     const e = this._$AL;
     try {
       t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((r) => {
-        var s;
-        return (s = r.hostUpdate) == null ? void 0 : s.call(r);
+        var l;
+        return (l = r.hostUpdate) == null ? void 0 : l.call(r);
       }), this.update(e)) : this._$EM();
     } catch (r) {
       throw t = !1, this._$EM(), r;
@@ -283,37 +283,37 @@ class M extends HTMLElement {
   firstUpdated(t) {
   }
 }
-M.elementStyles = [], M.shadowRootOptions = { mode: "open" }, M[E("elementProperties")] = /* @__PURE__ */ new Map(), M[E("finalized")] = /* @__PURE__ */ new Map(), T == null || T({ ReactiveElement: M }), (y.reactiveElementVersions ?? (y.reactiveElementVersions = [])).push("2.1.2");
+S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[P("elementProperties")] = /* @__PURE__ */ new Map(), S[P("finalized")] = /* @__PURE__ */ new Map(), T == null || T({ ReactiveElement: S }), (y.reactiveElementVersions ?? (y.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const kt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: K }, _t = (i = kt, t, e) => {
+const wt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: K }, Ct = (i = wt, t, e) => {
   const { kind: o, metadata: r } = e;
-  let s = globalThis.litPropertyMetadata.get(r);
-  if (s === void 0 && globalThis.litPropertyMetadata.set(r, s = /* @__PURE__ */ new Map()), o === "setter" && ((i = Object.create(i)).wrapped = !0), s.set(e.name, i), o === "accessor") {
-    const { name: l } = e;
+  let l = globalThis.litPropertyMetadata.get(r);
+  if (l === void 0 && globalThis.litPropertyMetadata.set(r, l = /* @__PURE__ */ new Map()), o === "setter" && ((i = Object.create(i)).wrapped = !0), l.set(e.name, i), o === "accessor") {
+    const { name: s } = e;
     return { set(a) {
       const v = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(l, v, i, !0, a);
+      t.set.call(this, a), this.requestUpdate(s, v, i, !0, a);
     }, init(a) {
-      return a !== void 0 && this.C(l, void 0, i, a), a;
+      return a !== void 0 && this.C(s, void 0, i, a), a;
     } };
   }
   if (o === "setter") {
-    const { name: l } = e;
+    const { name: s } = e;
     return function(a) {
-      const v = this[l];
-      t.call(this, a), this.requestUpdate(l, v, i, !0, a);
+      const v = this[s];
+      t.call(this, a), this.requestUpdate(s, v, i, !0, a);
     };
   }
   throw Error("Unsupported decorator location: " + o);
 };
 function n(i) {
-  return (t, e) => typeof e == "object" ? _t(i, t, e) : ((o, r, s) => {
-    const l = r.hasOwnProperty(s);
-    return r.constructor.createProperty(s, o), l ? Object.getOwnPropertyDescriptor(r, s) : void 0;
+  return (t, e) => typeof e == "object" ? Ct(i, t, e) : ((o, r, l) => {
+    const s = r.hasOwnProperty(l);
+    return r.constructor.createProperty(l, o), s ? Object.getOwnPropertyDescriptor(r, l) : void 0;
   })(i, t, e);
 }
 /**
@@ -321,74 +321,161 @@ function n(i) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const $t = (i, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(i, t, e), e);
+const kt = (i, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(i, t, e), e);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function ot(i, t) {
+function rt(i, t) {
   return (e, o, r) => {
-    const s = (l) => {
+    const l = (s) => {
       var a;
-      return ((a = l.renderRoot) == null ? void 0 : a.querySelector(i)) ?? null;
+      return ((a = s.renderRoot) == null ? void 0 : a.querySelector(i)) ?? null;
     };
-    return $t(e, o, { get() {
-      return s(this);
+    return kt(e, o, { get() {
+      return l(this);
     } });
   };
 }
-var xt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, W = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Mt(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && xt(t, e, r), r;
+const O = c`
+	:host {
+		display: inline-block;
+	}
+
+	svg {
+		width: 100%;
+		height: 100%;
+		display: block;
+	}
+`, $t = c`
+	:host {
+		width: auto;
+		height: auto;
+	}
+
+	svg {
+		transform-origin: center;
+		animation: loading-step 1s steps(8, end) infinite;
+	}
+
+	@keyframes loading-step {
+		from {
+			transform: rotate(0deg);
+		}
+		to {
+			transform: rotate(360deg);
+		}
+	}
+`;
+var _t = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, F = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? xt(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && _t(t, e, r), r;
 };
-let P = class extends p {
+let _ = class extends d {
   constructor() {
-    super(...arguments), this.size = 40, this.color = "gray-dark";
-  }
-  get borderColor() {
-    return this.color === "white" ? "var(--ur-color-white, #f8f8f8)" : "var(--ur-color-gray-dark, #909090)";
+    super(...arguments), this.size = 1.6, this.color = "var(--ur-color-gray-dark)";
   }
   render() {
-    return h`<div
-			class="spinner"
-			style="
-				width: ${this.size}px;
-				height: ${this.size}px;
-				border-color: ${this.borderColor};
-				border-top-color: transparent;
-			"
-		></div>`;
+    const i = `width: ${this.size}rem; height: ${this.size}rem; color: ${this.color};`;
+    return h`
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 32 32"
+				id="Interface-Essential-Loading-Circle-2--Streamline-Pixel"
+				style="${i}"
+			>
+				<desc>
+					Interface Essential Loading Circle 2 Streamline Icon:
+					https://streamlinehq.com
+				</desc>
+				<title>interface-essential-loading-circle-2</title>
+				<g>
+					<path
+						d="m30.47 16.76 -3.05 0 0 -3.05 3.05 0 0 -1.52 -4.57 0 0 1.52 -1.52 0 0 4.58 1.52 0 0 1.52 4.57 0 0 -1.52 1.53 0 0 -4.58 -1.53 0 0 3.05z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="M27.42 22.86h1.53v4.57h-1.53Z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="m22.85 21.33 0 1.53 -1.52 0 0 4.57 1.52 0 0 1.52 4.57 0 0 -1.52 -3.04 0 0 -4.57 3.04 0 0 -1.53 -4.57 0z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="m27.42 10.67 0 -1.53 1.53 0 0 -4.57 -1.53 0 0 3.05 -1.52 0 0 -1.53 -1.52 0 0 -1.52 3.04 0 0 -1.52 -4.57 0 0 1.52 -1.52 0 0 4.57 1.52 0 0 1.53 4.57 0z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="M18.28 25.9h1.52v4.58h-1.52Z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="m19.8 1.52 -1.52 0 0 -1.52 -4.57 0 0 1.52 -1.52 0 0 4.57 1.52 0 0 1.53 4.57 0 0 -1.53 1.52 0 0 -4.57z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="M13.71 30.48h4.57V32h-4.57Z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="M13.71 24.38h4.57v1.52h-4.57Z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="M12.19 25.9h1.52v4.58h-1.52Z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="m9.14 28.95 0 -1.52 1.52 0 0 -4.57 -1.52 0 0 -1.53 -4.57 0 0 1.53 3.04 0 0 4.57 -3.04 0 0 1.52 4.57 0z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="m10.66 4.57 -1.52 0 0 -1.52 -4.57 0 0 1.52 3.04 0 0 1.52 -1.52 0 0 1.53 -1.52 0 0 -3.05 -1.53 0 0 4.57 1.53 0 0 1.53 4.57 0 0 -1.53 1.52 0 0 -4.57z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="M3.04 22.86h1.53v4.57H3.04Z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+					<path
+						d="m1.52 19.81 4.57 0 0 -1.52 1.52 0 0 -4.58 -1.52 0 0 -1.52 -4.57 0 0 1.52 3.05 0 0 3.05 -3.05 0 0 -3.05 -1.52 0 0 4.58 1.52 0 0 1.52z"
+						fill="currentColor"
+						stroke-width="1"
+					></path>
+				</g>
+			</svg>
+		`;
   }
 };
-P.styles = c`
-		.spinner {
-			border: 3px solid var(--ur-color-white);
-			border-top: 3px solid transparent;
-			border-radius: 50%;
-			animation: spin 1s linear infinite;
-		}
-
-		@keyframes spin {
-			0% {
-				transform: rotate(0deg);
-			}
-			100% {
-				transform: rotate(360deg);
-			}
-		}
-	`;
-W([
+_.styles = [O, $t];
+F([
+  n({ type: String })
+], _.prototype, "iconTitle", 2);
+F([
   n({ type: Number })
-], P.prototype, "size", 2);
-W([
+], _.prototype, "size", 2);
+F([
   n({ type: String })
-], P.prototype, "color", 2);
-P = W([
-  d("ur-spinner")
-], P);
-const St = c`
+], _.prototype, "color", 2);
+_ = F([
+  u("ur-icon-spinner")
+], _);
+const Mt = c`
 	button {
 		font-family: "PpNeueBitBold", system-ui, sans-serif;
 		font-size: 1.4rem;
@@ -455,8 +542,10 @@ const St = c`
 		display: none;
 		position: absolute;
 		left: 50%;
-		transform: translateX(-50%);
+		top: 50%;
+		transform: translate(-50%, -50%);
 	}
+
 	:host([loading]) .button-content {
 		visibility: hidden;
 	}
@@ -464,13 +553,13 @@ const St = c`
 		display: block;
 	}
 `;
-var Et = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, C = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Pt(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && Et(t, e, r), r;
+var St = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, C = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? Et(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && St(t, e, r), r;
 };
-const Se = ["primary", "secondary"], Ee = ["button", "submit", "reset"];
-let m = class extends p {
+const $e = ["primary", "secondary"], _e = ["button", "submit", "reset"];
+let m = class extends d {
   constructor() {
     super(...arguments), this.variant = "primary", this.disabled = !1, this.fullWidth = !1, this.loading = !1, this.buttonType = "button";
   }
@@ -485,15 +574,18 @@ let m = class extends p {
 				?disabled=${this.disabled || this.loading}
 			>
 				<span class="button-content"><slot></slot></span>
-				<span class="button-spinner"
-					><ur-spinner size=${8} color="white"></ur-spinner
-				></span>
+				<span class="button-spinner">
+					<ur-icon-spinner
+						size=${1}
+						color="var(--ur-color-white)"
+					></ur-icon-spinner>
+				</span>
 			</button>
 		`;
   }
 };
 m.formAssociated = !0;
-m.styles = St;
+m.styles = Mt;
 C([
   n({ type: Function })
 ], m.prototype, "onClick", 2);
@@ -513,9 +605,9 @@ C([
   n({ type: String })
 ], m.prototype, "buttonType", 2);
 m = C([
-  d("ur-button")
+  u("ur-button")
 ], m);
-const Zt = c`
+const Pt = c`
 	:host {
 		display: block;
 		font-family: var(--font-family-base, system-ui, sans-serif);
@@ -630,7 +722,7 @@ const Zt = c`
 		right: 0.75rem;
 		pointer-events: none;
 	}
-`, Ot = c`
+`, Zt = c`
 	:host {
 		display: block;
 		width: 16px;
@@ -643,12 +735,12 @@ const Zt = c`
 		display: block;
 	}
 `;
-var Bt = Object.getOwnPropertyDescriptor, Dt = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Bt(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = l(r) || r);
+var Ot = Object.getOwnPropertyDescriptor, Bt = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? Ot(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = s(r) || r);
   return r;
 };
-let U = class extends p {
+let U = class extends d {
   render() {
     return h`
 			<svg
@@ -787,16 +879,16 @@ let U = class extends p {
 		`;
   }
 };
-U.styles = Ot;
-U = Dt([
-  d("ur-icon-warning")
+U.styles = Zt;
+U = Bt([
+  u("ur-icon-warning")
 ], U);
-var Ht = Object.defineProperty, At = Object.getOwnPropertyDescriptor, f = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? At(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && Ht(t, e, r), r;
+var Dt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, f = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? Ht(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && Dt(t, e, r), r;
 };
-const Pe = [
+const xe = [
   "text",
   "email",
   "password",
@@ -805,7 +897,7 @@ const Pe = [
   "url",
   "number"
 ];
-let u = class extends p {
+let p = class extends d {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "", this.type = "text", this.disabled = !1, this.readonly = !1, this.loading = !1, this.name = "", this.label = "", this.hint = "", this.invalid = !1, this.required = !1;
   }
@@ -864,7 +956,7 @@ let u = class extends p {
 						@keydown=${this.handleKeyDown}
 					/>
 
-					${this.loading ? h`<ur-spinner class="input-spinner" size="8"></ur-spinner>` : ""}
+					${this.loading ? h`<ur-icon-spinner class="input-spinner" size="0.8"></ur-spinner>` : ""}
 					${this.invalid && !this.loading ? h`<ur-icon-warning
 								class="input-error-icon"
 								style="color: var(--ur-color-coral)"
@@ -878,50 +970,50 @@ let u = class extends p {
 		`;
   }
 };
-u.styles = Zt;
+p.styles = Pt;
 f([
   n({ type: String })
-], u.prototype, "value", 2);
+], p.prototype, "value", 2);
 f([
   n({ type: String })
-], u.prototype, "placeholder", 2);
+], p.prototype, "placeholder", 2);
 f([
   n({ type: String })
-], u.prototype, "type", 2);
+], p.prototype, "type", 2);
 f([
   n({ type: Boolean, reflect: !0 })
-], u.prototype, "disabled", 2);
+], p.prototype, "disabled", 2);
 f([
   n({ type: Boolean, reflect: !0 })
-], u.prototype, "readonly", 2);
+], p.prototype, "readonly", 2);
 f([
   n({ type: Boolean, reflect: !0 })
-], u.prototype, "loading", 2);
+], p.prototype, "loading", 2);
 f([
   n({ type: String })
-], u.prototype, "name", 2);
+], p.prototype, "name", 2);
 f([
   n({ type: String })
-], u.prototype, "label", 2);
+], p.prototype, "label", 2);
 f([
   n({ type: String })
-], u.prototype, "hint", 2);
+], p.prototype, "hint", 2);
 f([
   n({ type: Boolean, reflect: !0 })
-], u.prototype, "invalid", 2);
+], p.prototype, "invalid", 2);
 f([
   n({ type: Boolean, reflect: !0 })
-], u.prototype, "required", 2);
+], p.prototype, "required", 2);
 f([
   n({ type: Number })
-], u.prototype, "minLength", 2);
+], p.prototype, "minLength", 2);
 f([
   n({ type: Number })
-], u.prototype, "maxLength", 2);
-u = f([
-  d("ur-input")
-], u);
-const zt = c`
+], p.prototype, "maxLength", 2);
+p = f([
+  u("ur-input")
+], p);
+const At = c`
 	/* Base styles that apply to all variants */
 	:host {
 		display: inline-block;
@@ -997,13 +1089,13 @@ const zt = c`
 		text-align: right;
 	}
 `;
-var jt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, x = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Ft(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && jt(t, e, r), r;
+var zt = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, M = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? jt(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && zt(t, e, r), r;
 };
-const Ze = ["header", "subheader", "body", "small"];
-let w = class extends p {
+const Me = ["header", "subheader", "body", "small"];
+let w = class extends d {
   constructor() {
     super(...arguments), this.variant = "body", this.bold = !1, this.italic = !1;
   }
@@ -1022,30 +1114,30 @@ let w = class extends p {
     }
   }
   render() {
-    const i = ct(this.getElementTag()), t = this.color ? `color: ${this.color};` : "";
-    return pt`<${i} class="text" style="${t}"><slot></slot></${i}>`;
+    const i = at(this.getElementTag()), t = this.color ? `color: ${this.color};` : "";
+    return ht`<${i} class="text" style="${t}"><slot></slot></${i}>`;
   }
 };
-w.styles = zt;
-x([
+w.styles = At;
+M([
   n({ type: String, reflect: !0 })
 ], w.prototype, "variant", 2);
-x([
+M([
   n({ type: String })
 ], w.prototype, "color", 2);
-x([
+M([
   n({ type: Boolean, reflect: !0 })
 ], w.prototype, "bold", 2);
-x([
+M([
   n({ type: Boolean, reflect: !0 })
 ], w.prototype, "italic", 2);
-x([
+M([
   n({ type: String, reflect: !0 })
 ], w.prototype, "align", 2);
-w = x([
-  d("ur-text")
+w = M([
+  u("ur-text")
 ], w);
-const It = c`
+const Ft = c`
 	:host {
 		font-family: "PpNeueBitBold", system-ui, sans-serif;
 		font-size: 1.4rem;
@@ -1066,7 +1158,7 @@ const It = c`
 	button:hover {
 		color: var(--ur-color-green);
 	}
-`, Tt = c`
+`, It = c`
 	:host {
 		display: inline-block;
 		width: 1em;
@@ -1079,12 +1171,12 @@ const It = c`
 		display: block;
 	}
 `;
-var Ut = Object.getOwnPropertyDescriptor, Lt = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Ut(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = l(r) || r);
+var Tt = Object.getOwnPropertyDescriptor, Ut = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? Tt(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = s(r) || r);
   return r;
 };
-let L = class extends p {
+let L = class extends d {
   render() {
     return h`
 			<svg
@@ -1228,16 +1320,16 @@ let L = class extends p {
 		`;
   }
 };
-L.styles = Tt;
-L = Lt([
-  d("ur-icon-back")
+L.styles = It;
+L = Ut([
+  u("ur-icon-back")
 ], L);
-var Nt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, G = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Rt(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && Nt(t, e, r), r;
+var Lt = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, W = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? Nt(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && Lt(t, e, r), r;
 };
-let Z = class extends p {
+let Z = class extends d {
   constructor() {
     super(...arguments), this.label = "Back";
   }
@@ -1253,17 +1345,17 @@ let Z = class extends p {
 		`;
   }
 };
-Z.styles = It;
-G([
+Z.styles = Ft;
+W([
   n({ type: Function })
 ], Z.prototype, "onClick", 2);
-G([
+W([
   n({ type: String })
 ], Z.prototype, "label", 2);
-Z = G([
-  d("ur-back-button")
+Z = W([
+  u("ur-back-button")
 ], Z);
-const qt = c`
+const Rt = c`
 	:host {
 		display: list-item;
 		width: 100%;
@@ -1312,17 +1404,7 @@ const qt = c`
 		border-radius: 50%;
 		margin-right: var(--ur-space-sm);
 	}
-`, O = c`
-	:host {
-		display: inline-block;
-	}
-
-	svg {
-		width: 100%;
-		height: 100%;
-		display: block;
-	}
-`, Vt = c`
+`, qt = c`
 	:host {
 		width: 1.2em;
 		height: 1.2em;
@@ -1332,12 +1414,12 @@ const qt = c`
 		color: var(--ur-color-yellow-light);
 	}
 `;
-var Kt = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, it = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Wt(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && Kt(t, e, r), r;
+var Vt = Object.defineProperty, Kt = Object.getOwnPropertyDescriptor, ot = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? Kt(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && Vt(t, e, r), r;
 };
-let A = class extends p {
+let A = class extends d {
   render() {
     return h`
 			<svg
@@ -1503,14 +1585,14 @@ let A = class extends p {
 		`;
   }
 };
-A.styles = [O, Vt];
-it([
+A.styles = [O, qt];
+ot([
   n({ type: String })
 ], A.prototype, "iconTitle", 2);
-A = it([
-  d("ur-icon-network-instability")
+A = ot([
+  u("ur-icon-network-instability")
 ], A);
-const Gt = c`
+const Wt = c`
 	:host {
 		width: 1.2em;
 		height: 1.2em;
@@ -1520,12 +1602,12 @@ const Gt = c`
 		color: var(--ur-color-green);
 	}
 `;
-var Jt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, st = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Xt(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && Jt(t, e, r), r;
+var Gt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, it = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? Jt(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && Gt(t, e, r), r;
 };
-let z = class extends p {
+let z = class extends d {
   render() {
     return h`
 			<svg
@@ -1692,14 +1774,14 @@ let z = class extends p {
 		`;
   }
 };
-z.styles = [O, Gt];
-st([
+z.styles = [O, Wt];
+it([
   n({ type: String })
 ], z.prototype, "iconTitle", 2);
-z = st([
-  d("ur-icon-privacy")
+z = it([
+  u("ur-icon-privacy")
 ], z);
-const S = {
+const E = {
   is: "639A88",
   ee: "78C0E0",
   ca: "449DD1",
@@ -1768,7 +1850,7 @@ const S = {
   rs: "FF495C",
   al: "E4B363"
 };
-function tt(i) {
+function Q(i) {
   const t = i.replace("#", ""), e = parseInt(t, 16);
   return [e >> 16 & 255, e >> 8 & 255, e & 255];
 }
@@ -1778,7 +1860,7 @@ function Yt(i, t, e) {
     return r.length === 1 ? "0" + r : r;
   }).join("");
 }
-function Qt(i) {
+function Xt(i) {
   let t = 0;
   for (let e = 0; e < i.length; e++) {
     const o = i.charCodeAt(e);
@@ -1786,26 +1868,26 @@ function Qt(i) {
   }
   return Math.abs(t);
 }
-function et(i, t) {
-  return t === 0 ? 0 : (Qt(i) & 255) % t;
+function tt(i, t) {
+  return t === 0 ? 0 : (Xt(i) & 255) % t;
 }
-function te(i, t) {
-  const [e, o, r] = tt(i), [s, l, a] = tt(t), v = Math.round((e + s) / 2), B = Math.round((o + l) / 2), ht = Math.round((r + a) / 2);
-  return Yt(v, B, ht);
+function Qt(i, t) {
+  const [e, o, r] = Q(i), [l, s, a] = Q(t), v = Math.round((e + l) / 2), B = Math.round((o + s) / 2), nt = Math.round((r + a) / 2);
+  return Yt(v, B, nt);
 }
 function lt(i) {
   const t = i.toLowerCase();
-  if (S[t])
-    return "#" + S[t];
-  const e = Object.keys(S).sort(), o = et(t, e.length), r = et(t + "salt", e.length), s = S[e[o]], l = S[e[r]];
-  return te(s, l);
+  if (E[t])
+    return "#" + E[t];
+  const e = Object.keys(E).sort(), o = tt(t, e.length), r = tt(t + "salt", e.length), l = E[e[o]], s = E[e[r]];
+  return Qt(l, s);
 }
-var ee = Object.defineProperty, re = Object.getOwnPropertyDescriptor, k = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? re(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && ee(t, e, r), r;
+var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, k = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? ee(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && te(t, e, r), r;
 };
-let g = class extends p {
+let g = class extends d {
   constructor() {
     super(...arguments), this.name = "", this.providerCount = 0, this.unstable = !1, this.strongPrivacy = !1;
   }
@@ -1848,7 +1930,7 @@ let g = class extends p {
 		`;
   }
 };
-g.styles = qt;
+g.styles = Rt;
 k([
   n({ type: String })
 ], g.prototype, "locationKey", 2);
@@ -1868,126 +1950,9 @@ k([
   n({ type: Function })
 ], g.prototype, "onClick", 2);
 g = k([
-  d("ur-location-list-item")
+  u("ur-location-list-item")
 ], g);
-const oe = c`
-	:host {
-		width: 1.6em;
-		height: 1.6em;
-	}
-
-	svg {
-		color: var(--ur-color-gray-dark);
-		transform-origin: center;
-		animation: loading-step 1s steps(8, end) infinite;
-	}
-
-	@keyframes loading-step {
-		from {
-			transform: rotate(0deg);
-		}
-		to {
-			transform: rotate(360deg);
-		}
-	}
-`;
-var ie = Object.defineProperty, se = Object.getOwnPropertyDescriptor, nt = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? se(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && ie(t, e, r), r;
-};
-let j = class extends p {
-  render() {
-    return h`
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				viewBox="0 0 32 32"
-				id="Interface-Essential-Loading-Circle-2--Streamline-Pixel"
-			>
-				<desc>
-					Interface Essential Loading Circle 2 Streamline Icon:
-					https://streamlinehq.com
-				</desc>
-				<title>interface-essential-loading-circle-2</title>
-				<g>
-					<path
-						d="m30.47 16.76 -3.05 0 0 -3.05 3.05 0 0 -1.52 -4.57 0 0 1.52 -1.52 0 0 4.58 1.52 0 0 1.52 4.57 0 0 -1.52 1.53 0 0 -4.58 -1.53 0 0 3.05z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="M27.42 22.86h1.53v4.57h-1.53Z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="m22.85 21.33 0 1.53 -1.52 0 0 4.57 1.52 0 0 1.52 4.57 0 0 -1.52 -3.04 0 0 -4.57 3.04 0 0 -1.53 -4.57 0z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="m27.42 10.67 0 -1.53 1.53 0 0 -4.57 -1.53 0 0 3.05 -1.52 0 0 -1.53 -1.52 0 0 -1.52 3.04 0 0 -1.52 -4.57 0 0 1.52 -1.52 0 0 4.57 1.52 0 0 1.53 4.57 0z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="M18.28 25.9h1.52v4.58h-1.52Z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="m19.8 1.52 -1.52 0 0 -1.52 -4.57 0 0 1.52 -1.52 0 0 4.57 1.52 0 0 1.53 4.57 0 0 -1.53 1.52 0 0 -4.57z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="M13.71 30.48h4.57V32h-4.57Z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="M13.71 24.38h4.57v1.52h-4.57Z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="M12.19 25.9h1.52v4.58h-1.52Z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="m9.14 28.95 0 -1.52 1.52 0 0 -4.57 -1.52 0 0 -1.53 -4.57 0 0 1.53 3.04 0 0 4.57 -3.04 0 0 1.52 4.57 0z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="m10.66 4.57 -1.52 0 0 -1.52 -4.57 0 0 1.52 3.04 0 0 1.52 -1.52 0 0 1.53 -1.52 0 0 -3.05 -1.53 0 0 4.57 1.53 0 0 1.53 4.57 0 0 -1.53 1.52 0 0 -4.57z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="M3.04 22.86h1.53v4.57H3.04Z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-					<path
-						d="m1.52 19.81 4.57 0 0 -1.52 1.52 0 0 -4.58 -1.52 0 0 -1.52 -4.57 0 0 1.52 3.05 0 0 3.05 -3.05 0 0 -3.05 -1.52 0 0 4.58 1.52 0 0 1.52z"
-						fill="currentColor"
-						stroke-width="1"
-					></path>
-				</g>
-			</svg>
-		`;
-  }
-};
-j.styles = [O, oe];
-nt([
-  n({ type: String })
-], j.prototype, "iconTitle", 2);
-j = nt([
-  d("ur-icon-spinner")
-], j);
-const le = c`
+const re = c`
 	:host {
 		width: 1.2em;
 		height: 1.2em;
@@ -2001,12 +1966,12 @@ const le = c`
 		color: var(--ur-color-green);
 	}
 `;
-var ne = Object.getOwnPropertyDescriptor, ae = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? ne(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = l(r) || r);
+var oe = Object.getOwnPropertyDescriptor, ie = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? oe(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = s(r) || r);
   return r;
 };
-let N = class extends p {
+let N = class extends d {
   render() {
     return h`
 			<svg
@@ -2095,11 +2060,11 @@ let N = class extends p {
 		`;
   }
 };
-N.styles = [O, le];
-N = ae([
-  d("ur-icon-hamburger")
+N.styles = [O, re];
+N = ie([
+  u("ur-icon-hamburger")
 ], N);
-const he = c`
+const le = c`
 	:host {
 		width: 1.8em;
 		height: 1.8em;
@@ -2113,12 +2078,12 @@ const he = c`
 		color: var(--ur-color-green);
 	}*/
 `;
-var ce = Object.getOwnPropertyDescriptor, pe = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? ce(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = l(r) || r);
+var se = Object.getOwnPropertyDescriptor, ne = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? se(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = s(r) || r);
   return r;
 };
-let R = class extends p {
+let R = class extends d {
   render() {
     return h`
 			<svg
@@ -2155,11 +2120,11 @@ let R = class extends p {
 		`;
   }
 };
-R.styles = [O, he];
-R = pe([
-  d("ur-icon-connect-globe")
+R.styles = [O, le];
+R = ne([
+  u("ur-icon-connect-globe")
 ], R);
-const de = c`
+const ae = c`
 	:host {
 		display: inline-block;
 		position: relative;
@@ -2192,12 +2157,12 @@ const de = c`
 		flex-flow: column;
 	}
 `;
-var ue = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, I = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? fe(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && ue(t, e, r), r;
+var he = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, I = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? ce(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && he(t, e, r), r;
 };
-let $ = class extends p {
+let x = class extends d {
   constructor() {
     super(...arguments), this.open = !1, this._handleButtonClick = (i) => {
       i.stopPropagation(), this.open = !this.open, this.open && this._updatePosition();
@@ -2221,9 +2186,9 @@ let $ = class extends p {
       const i = this._buttonSlot.assignedElements();
       if (i.length === 0) return;
       const e = i[0].getBoundingClientRect(), o = this._menuItems.getBoundingClientRect();
-      let r = e.bottom + 8, s = e.left;
-      const l = window.innerWidth, a = window.innerHeight;
-      s + o.width > l - 8 && (s = e.right - o.width), s < 8 && (s = 8), r + o.height > a - 8 && (r = e.top - o.height - 8), this._menuItems.style.top = `${r}px`, this._menuItems.style.left = `${s}px`;
+      let r = e.bottom + 8, l = e.left;
+      const s = window.innerWidth, a = window.innerHeight;
+      l + o.width > s - 8 && (l = e.right - o.width), l < 8 && (l = 8), r + o.height > a - 8 && (r = e.top - o.height - 8), this._menuItems.style.top = `${r}px`, this._menuItems.style.left = `${l}px`;
     });
   }
   render() {
@@ -2243,20 +2208,20 @@ let $ = class extends p {
 		`;
   }
 };
-$.styles = de;
+x.styles = ae;
 I([
   n({ type: Boolean, reflect: !0 })
-], $.prototype, "open", 2);
+], x.prototype, "open", 2);
 I([
-  ot(".menu-button-slot")
-], $.prototype, "_buttonSlot", 2);
+  rt(".menu-button-slot")
+], x.prototype, "_buttonSlot", 2);
 I([
-  ot(".menu-items")
-], $.prototype, "_menuItems", 2);
-$ = I([
-  d("ur-menu")
-], $);
-const ve = c`
+  rt(".menu-items")
+], x.prototype, "_menuItems", 2);
+x = I([
+  u("ur-menu")
+], x);
+const pe = c`
 	:host {
 		display: inline-block;
 	}
@@ -2284,12 +2249,12 @@ const ve = c`
 		outline-offset: 2px;
 	}
 `;
-var me = Object.getOwnPropertyDescriptor, ge = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? me(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = l(r) || r);
+var de = Object.getOwnPropertyDescriptor, ue = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? de(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = s(r) || r);
   return r;
 };
-let q = class extends p {
+let q = class extends d {
   render() {
     return h`
 			<button class="button" part="button">
@@ -2298,11 +2263,11 @@ let q = class extends p {
 		`;
   }
 };
-q.styles = ve;
-q = ge([
-  d("ur-menu-button")
+q.styles = pe;
+q = ue([
+  u("ur-menu-button")
 ], q);
-const be = c`
+const fe = c`
 	:host {
 		width: 100%;
 		box-sizing: border-box;
@@ -2328,12 +2293,12 @@ const be = c`
 		border-bottom: 1px solid var(--ur-color-border, rgba(255, 255, 255, 0.1));
 	}
 `;
-var ye = Object.defineProperty, we = Object.getOwnPropertyDescriptor, at = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? we(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && ye(t, e, r), r;
+var ve = Object.defineProperty, me = Object.getOwnPropertyDescriptor, st = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? me(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && ve(t, e, r), r;
 };
-let F = class extends p {
+let j = class extends d {
   constructor() {
     super(...arguments), this.disabled = !1, this._handleClick = (i) => {
       if (this.disabled) {
@@ -2357,14 +2322,14 @@ let F = class extends p {
 		`;
   }
 };
-F.styles = be;
-at([
+j.styles = fe;
+st([
   n({ type: Boolean })
-], F.prototype, "disabled", 2);
-F = at([
-  d("ur-menu-item")
-], F);
-const Ce = c`
+], j.prototype, "disabled", 2);
+j = st([
+  u("ur-menu-item")
+], j);
+const ge = c`
 	:host {
 		width: 100%;
 		box-sizing: border-box;
@@ -2396,12 +2361,12 @@ const Ce = c`
 		margin-right: 0.3rem;
 	}
 `;
-var ke = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, _ = (i, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? _e(t, e) : t, s = i.length - 1, l; s >= 0; s--)
-    (l = i[s]) && (r = (o ? l(t, e, r) : l(r)) || r);
-  return o && r && ke(t, e, r), r;
+var be = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, $ = (i, t, e, o) => {
+  for (var r = o > 1 ? void 0 : o ? ye(t, e) : t, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (r = (o ? s(t, e, r) : s(r)) || r);
+  return o && r && be(t, e, r), r;
 };
-let b = class extends p {
+let b = class extends d {
   constructor() {
     super(...arguments), this.name = "Best available provider", this.providerCount = 0, this.unstable = !1, this.strongPrivacy = !1;
   }
@@ -2446,47 +2411,46 @@ let b = class extends p {
 		`;
   }
 };
-b.styles = Ce;
-_([
+b.styles = ge;
+$([
   n({ type: String })
 ], b.prototype, "locationKey", 2);
-_([
+$([
   n({ type: String })
 ], b.prototype, "name", 2);
-_([
+$([
   n({ type: Number })
 ], b.prototype, "providerCount", 2);
-_([
+$([
   n({ type: Boolean })
 ], b.prototype, "unstable", 2);
-_([
+$([
   n({ type: Boolean })
 ], b.prototype, "strongPrivacy", 2);
-_([
+$([
   n({ type: Function })
 ], b.prototype, "onClick", 2);
-b = _([
-  d("ur-selected-location")
+b = $([
+  u("ur-selected-location")
 ], b);
 export {
-  Ee as B,
-  Pe as I,
+  _e as B,
+  xe as I,
   g as L,
-  $ as M,
+  x as M,
   b as S,
-  Ze as T,
-  Se as a,
+  Me as T,
+  $e as a,
   Z as b,
   m as c,
   R as d,
   N as e,
   A as f,
   z as g,
-  j as h,
+  _ as h,
   U as i,
-  u as j,
+  p as j,
   q as k,
-  F as l,
-  P as m,
-  w as n
+  j as l,
+  w as m
 };