diff --git a/dist/style.css b/dist/style.css
new file mode 100644
index 0000000..1f17f58
--- /dev/null
+++ b/dist/style.css
@@ -0,0 +1 @@
+:root{--hot-red-900: #b9302d;--hot-red-800: #c93938;--hot-red-700: #d63f3f;--hot-red-600: #e84846;--hot-red-500: #f75047;--hot-red-400: #f15f5e;--hot-red-300: #e67c7e;--hot-red-200: #efa0a2;--hot-red-100: #fed1d7;--hot-red-50: #feecf0;--hot-red: var(--hot-red-700);--hot-red-rgb: 215 63 63;--hot-darkred-900: #5b1018;--hot-darkred-800: #6c2020;--hot-darkred-700: #7c2e26;--hot-darkred-600: #8d3a2f;--hot-darkred-500: #994335;--hot-darkred-400: #b15e4e;--hot-darkred-300: #c87968;--hot-darkred-200: #e69b8c;--hot-darkred-100: #ffbead;--hot-darkred-50: #ffdec8;--hot-darkred: var(--hot-darkred-700);--hot-darkred-rgb: 108 32 32;--hot-light-gray: #e1e0e0;--hot-light-gray-rgb: 225 224 224;--hot-gray-900: #2c3038;--hot-gray-800: #3f444f;--hot-gray-700: #4f5765;--hot-gray-600: #606a7c;--hot-gray-500: #6e798d;--hot-gray-400: #848c9d;--hot-gray-300: #9aa1af;--hot-gray-200: #b7bcc5;--hot-gray-100: #d3d7dc;--hot-gray-50: #eeeef0;--hot-gray: var(--hot-gray-900);--hot-gray-rgb: 104 112 127;--hot-yellow-900: #ef7e1a;--hot-yellow-800: #f4a628;--hot-yellow-700: #f6bd30;--hot-yellow-600: #f9d538;--hot-yellow-500: #f7e53a;--hot-yellow-400: #faea58;--hot-yellow-300: #fcef77;--hot-yellow-200: #fdf39d;--hot-yellow-100: #fef8c4;--hot-yellow-50: #fefde7;--hot-yellow: var(--hot-yellow-800);--hot-yellow-rgb: 250 167 30;--hot-green-900: #105950;--hot-green-800: #15766e;--hot-green-700: #17867e;--hot-green-600: #1a978f;--hot-green-500: #1da49d;--hot-green-400: #34b3ad;--hot-green-300: #57c1bd;--hot-green-200: #87d3d1;--hot-green-100: #b7e4e3;--hot-green-50: #e2f4f4;--hot-green: var(--hot-green-300);--hot-green-rgb: 69 156 160;--hot-blue-900: #182642;--hot-blue-800: #20365b;--hot-blue-700: #263f68;--hot-blue-600: #2e4873;--hot-blue-500: #344f7b;--hot-blue-400: #53688b;--hot-blue-300: #71829e;--hot-blue-200: #97a5ba;--hot-blue-100: #bfc8d6;--hot-blue-50: #e6e9ee;--hot-blue: var(--hot-blue-800);--hot-blue-rgb: 32 54 91;--hot-white: #ffffff;--hot-white-rgb: 255 255 255;--hot-black: #2c3038;--hot-black-rgb: 44 48 56;--hot-primary: var(--hot-red);--hot-primary-light: var(--hot-red-200);--hot-primary-dark: var(--hot-red-900);--hot-primary-contrastText: var(--hot-white);--hot-primary-rgb: var(--hot-red-rgb);--hot-secondary: var(--hot-gray);--hot-secondary-light: var(--hot-gray-200);--hot-secondary-dark: var(--hot-black);--hot-secondary-contrastText: var(--hot-white);--hot-secondary-rgb: var(--hot-gray-rgb);--hot-info: var(--hot-blue);--hot-info-light: var(--hot-blue-300);--hot-info-dark: var(--hot-blue-900);--hot-info-contrastText: var(--hot-white);--hot-info-rgb: var(--hot-blue-rgb);--hot-error: var(--hot-darkred);--hot-error-light: var(--hot-darkred-400);--hot-error-dark: var(--hot-darkred-900);--hot-error-contrastText: var(--hot-white);--hot-error-rgb: var(--hot-darkred-rgb);--hot-warning: var(--hot-yellow);--hot-warning-light: var(--hot-yellow-400);--hot-warning-dark: var(--hot-yellow-900);--hot-warning-contrastText: var(--hot-white);--hot-warning-rgb: var(--hot-yellow-rgb);--hot-success: var(--hot-green);--hot-success-light: var(--hot-green-100);--hot-success-dark: var(--hot-green-600);--hot-success-contrastText: var(--hot-white);--hot-success-rgb: var(--hot-green-rgb)}
diff --git a/dist/ui.js b/dist/ui.js
new file mode 100644
index 0000000..a7cde12
--- /dev/null
+++ b/dist/ui.js
@@ -0,0 +1,1139 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const R = globalThis, B = R.ShadowRoot && (R.ShadyCSS === void 0 || R.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, V = Symbol(), K = /* @__PURE__ */ new WeakMap();
+let ot = class {
+ constructor(t, e, i) {
+ if (this._$cssResult$ = !0, i !== V)
+ throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+ this.cssText = t, this.t = e;
+ }
+ get styleSheet() {
+ let t = this.o;
+ const e = this.t;
+ if (B && t === void 0) {
+ const i = e !== void 0 && e.length === 1;
+ i && (t = K.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && K.set(e, t));
+ }
+ return t;
+ }
+ toString() {
+ return this.cssText;
+ }
+};
+const at = (r) => new ot(typeof r == "string" ? r : r + "", void 0, V), gt = (r, ...t) => {
+ const e = r.length === 1 ? r[0] : t.reduce((i, s, n) => i + ((o) => {
+ if (o._$cssResult$ === !0)
+ return o.cssText;
+ if (typeof o == "number")
+ return o;
+ throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+ })(s) + r[n + 1], r[0]);
+ return new ot(e, r, V);
+}, bt = (r, t) => {
+ if (B)
+ r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+ else
+ for (const e of t) {
+ const i = document.createElement("style"), s = R.litNonce;
+ s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
+ }
+}, G = B ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+ let e = "";
+ for (const i of t.cssRules)
+ e += i.cssText;
+ return at(e);
+})(r) : r;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: mt, defineProperty: yt, getOwnPropertyDescriptor: $t, getOwnPropertyNames: vt, getOwnPropertySymbols: _t, getPrototypeOf: At } = Object, b = globalThis, J = b.trustedTypes, wt = J ? J.emptyScript : "", j = b.reactiveElementPolyfillSupport, x = (r, t) => r, N = { toAttribute(r, t) {
+ switch (t) {
+ case Boolean:
+ r = r ? wt : null;
+ break;
+ case Object:
+ case Array:
+ r = r == null ? r : JSON.stringify(r);
+ }
+ return r;
+}, fromAttribute(r, t) {
+ let e = r;
+ switch (t) {
+ case Boolean:
+ e = r !== null;
+ break;
+ case Number:
+ e = r === null ? null : Number(r);
+ break;
+ case Object:
+ case Array:
+ try {
+ e = JSON.parse(r);
+ } catch {
+ e = null;
+ }
+ }
+ return e;
+} }, F = (r, t) => !mt(r, t), Z = { attribute: !0, type: String, converter: N, reflect: !1, hasChanged: F };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), b.litPropertyMetadata ?? (b.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class _ 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 = Z) {
+ if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
+ const i = Symbol(), s = this.getPropertyDescriptor(t, i, e);
+ s !== void 0 && yt(this.prototype, t, s);
+ }
+ }
+ static getPropertyDescriptor(t, e, i) {
+ const { get: s, set: n } = $t(this.prototype, t) ?? { get() {
+ return this[e];
+ }, set(o) {
+ this[e] = o;
+ } };
+ return { get() {
+ return s == null ? void 0 : s.call(this);
+ }, set(o) {
+ const l = s == null ? void 0 : s.call(this);
+ n.call(this, o), this.requestUpdate(t, l, i);
+ }, configurable: !0, enumerable: !0 };
+ }
+ static getPropertyOptions(t) {
+ return this.elementProperties.get(t) ?? Z;
+ }
+ static _$Ei() {
+ if (this.hasOwnProperty(x("elementProperties")))
+ return;
+ const t = At(this);
+ t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+ }
+ static finalize() {
+ if (this.hasOwnProperty(x("finalized")))
+ return;
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(x("properties"))) {
+ const e = this.properties, i = [...vt(e), ..._t(e)];
+ for (const s of i)
+ this.createProperty(s, e[s]);
+ }
+ const t = this[Symbol.metadata];
+ if (t !== null) {
+ const e = litPropertyMetadata.get(t);
+ if (e !== void 0)
+ for (const [i, s] of e)
+ this.elementProperties.set(i, s);
+ }
+ this._$Eh = /* @__PURE__ */ new Map();
+ for (const [e, i] of this.elementProperties) {
+ const s = this._$Eu(e, i);
+ s !== void 0 && this._$Eh.set(s, e);
+ }
+ this.elementStyles = this.finalizeStyles(this.styles);
+ }
+ static finalizeStyles(t) {
+ const e = [];
+ if (Array.isArray(t)) {
+ const i = new Set(t.flat(1 / 0).reverse());
+ for (const s of i)
+ e.unshift(G(s));
+ } else
+ t !== void 0 && e.push(G(t));
+ return e;
+ }
+ static _$Eu(t, e) {
+ const i = e.attribute;
+ return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+ }
+ constructor() {
+ super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+ }
+ _$Ev() {
+ var t;
+ this._$Eg = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$ES(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
+ }
+ addController(t) {
+ var e;
+ (this._$E_ ?? (this._$E_ = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
+ }
+ removeController(t) {
+ var e;
+ (e = this._$E_) == null || e.delete(t);
+ }
+ _$ES() {
+ const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+ for (const i of e.keys())
+ this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+ t.size > 0 && (this._$Ep = t);
+ }
+ createRenderRoot() {
+ const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+ return bt(t, this.constructor.elementStyles), t;
+ }
+ connectedCallback() {
+ var t;
+ this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$E_) == null || t.forEach((e) => {
+ var i;
+ return (i = e.hostConnected) == null ? void 0 : i.call(e);
+ });
+ }
+ enableUpdating(t) {
+ }
+ disconnectedCallback() {
+ var t;
+ (t = this._$E_) == null || t.forEach((e) => {
+ var i;
+ return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
+ });
+ }
+ attributeChangedCallback(t, e, i) {
+ this._$AK(t, i);
+ }
+ _$EO(t, e) {
+ var n;
+ const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
+ if (s !== void 0 && i.reflect === !0) {
+ const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : N).toAttribute(e, i.type);
+ this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
+ }
+ }
+ _$AK(t, e) {
+ var n;
+ const i = this.constructor, s = i._$Eh.get(t);
+ if (s !== void 0 && this._$Em !== s) {
+ const o = i.getPropertyOptions(s), l = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : N;
+ this._$Em = s, this[s] = l.fromAttribute(e, o.type), this._$Em = null;
+ }
+ }
+ requestUpdate(t, e, i, s = !1, n) {
+ if (t !== void 0) {
+ if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? F)(s ? n : this[t], e))
+ return;
+ this.C(t, e, i);
+ }
+ this.isUpdatePending === !1 && (this._$Eg = this._$EP());
+ }
+ C(t, e, i) {
+ this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+ }
+ async _$EP() {
+ this.isUpdatePending = !0;
+ try {
+ await this._$Eg;
+ } catch (e) {
+ Promise.reject(e);
+ }
+ const t = this.scheduleUpdate();
+ return t != null && await t, !this.isUpdatePending;
+ }
+ scheduleUpdate() {
+ return this.performUpdate();
+ }
+ performUpdate() {
+ var i;
+ if (!this.isUpdatePending)
+ return;
+ if (!this.hasUpdated) {
+ if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+ for (const [n, o] of this._$Ep)
+ this[n] = o;
+ this._$Ep = void 0;
+ }
+ const s = this.constructor.elementProperties;
+ if (s.size > 0)
+ for (const [n, o] of s)
+ o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.C(n, this[n], o);
+ }
+ let t = !1;
+ const e = this._$AL;
+ try {
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$E_) == null || i.forEach((s) => {
+ var n;
+ return (n = s.hostUpdate) == null ? void 0 : n.call(s);
+ }), this.update(e)) : this._$ET();
+ } catch (s) {
+ throw t = !1, this._$ET(), s;
+ }
+ t && this._$AE(e);
+ }
+ willUpdate(t) {
+ }
+ _$AE(t) {
+ var e;
+ (e = this._$E_) == null || e.forEach((i) => {
+ var s;
+ return (s = i.hostUpdated) == null ? void 0 : s.call(i);
+ }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+ }
+ _$ET() {
+ this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+ }
+ get updateComplete() {
+ return this.getUpdateComplete();
+ }
+ getUpdateComplete() {
+ return this._$Eg;
+ }
+ shouldUpdate(t) {
+ return !0;
+ }
+ update(t) {
+ this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EO(e, this[e]))), this._$ET();
+ }
+ updated(t) {
+ }
+ firstUpdated(t) {
+ }
+}
+_.elementStyles = [], _.shadowRootOptions = { mode: "open" }, _[x("elementProperties")] = /* @__PURE__ */ new Map(), _[x("finalized")] = /* @__PURE__ */ new Map(), j == null || j({ ReactiveElement: _ }), (b.reactiveElementVersions ?? (b.reactiveElementVersions = [])).push("2.0.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const E = globalThis, T = E.trustedTypes, Q = T ? T.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, lt = "$lit$", g = `lit$${(Math.random() + "").slice(9)}$`, ht = "?" + g, St = `<${ht}>`, $ = document, k = () => $.createComment(""), P = (r) => r === null || typeof r != "object" && typeof r != "function", dt = Array.isArray, xt = (r) => dt(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", L = `[
+\f\r]`, S = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, X = /-->/g, Y = />/g, m = RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`, "g"), tt = /'/g, et = /"/g, ct = /^(?:script|style|textarea|title)$/i, Et = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), Ct = Et(1), A = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), it = /* @__PURE__ */ new WeakMap(), y = $.createTreeWalker($, 129);
+function ut(r, t) {
+ if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
+ throw Error("invalid template strings array");
+ return Q !== void 0 ? Q.createHTML(t) : t;
+}
+const kt = (r, t) => {
+ const e = r.length - 1, i = [];
+ let s, n = t === 2 ? "" : "")), i];
+};
+class U {
+ constructor({ strings: t, _$litType$: e }, i) {
+ let s;
+ this.parts = [];
+ let n = 0, o = 0;
+ const l = t.length - 1, a = this.parts, [d, c] = kt(t, e);
+ if (this.el = U.createElement(d, i), y.currentNode = this.el.content, e === 2) {
+ const h = this.el.content.firstChild;
+ h.replaceWith(...h.childNodes);
+ }
+ for (; (s = y.nextNode()) !== null && a.length < l; ) {
+ if (s.nodeType === 1) {
+ if (s.hasAttributes())
+ for (const h of s.getAttributeNames())
+ if (h.endsWith(lt)) {
+ const p = c[o++], f = s.getAttribute(h).split(g), v = /([.?@])?(.*)/.exec(p);
+ a.push({ type: 1, index: n, name: v[2], strings: f, ctor: v[1] === "." ? Ut : v[1] === "?" ? zt : v[1] === "@" ? Ot : M }), s.removeAttribute(h);
+ } else
+ h.startsWith(g) && (a.push({ type: 6, index: n }), s.removeAttribute(h));
+ if (ct.test(s.tagName)) {
+ const h = s.textContent.split(g), p = h.length - 1;
+ if (p > 0) {
+ s.textContent = T ? T.emptyScript : "";
+ for (let f = 0; f < p; f++)
+ s.append(h[f], k()), y.nextNode(), a.push({ type: 2, index: ++n });
+ s.append(h[p], k());
+ }
+ }
+ } else if (s.nodeType === 8)
+ if (s.data === ht)
+ a.push({ type: 2, index: n });
+ else {
+ let h = -1;
+ for (; (h = s.data.indexOf(g, h + 1)) !== -1; )
+ a.push({ type: 7, index: n }), h += g.length - 1;
+ }
+ n++;
+ }
+ }
+ static createElement(t, e) {
+ const i = $.createElement("template");
+ return i.innerHTML = t, i;
+ }
+}
+function w(r, t, e = r, i) {
+ var o, l;
+ if (t === A)
+ return t;
+ let s = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
+ const n = P(t) ? void 0 : t._$litDirective$;
+ return (s == null ? void 0 : s.constructor) !== n && ((l = s == null ? void 0 : s._$AO) == null || l.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = w(r, s._$AS(r, t.values), s, i)), t;
+}
+class Pt {
+ constructor(t, e) {
+ this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+ }
+ get parentNode() {
+ return this._$AM.parentNode;
+ }
+ get _$AU() {
+ return this._$AM._$AU;
+ }
+ u(t) {
+ const { el: { content: e }, parts: i } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? $).importNode(e, !0);
+ y.currentNode = s;
+ let n = y.nextNode(), o = 0, l = 0, a = i[0];
+ for (; a !== void 0; ) {
+ if (o === a.index) {
+ let d;
+ a.type === 2 ? d = new O(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new Rt(n, this, t)), this._$AV.push(d), a = i[++l];
+ }
+ o !== (a == null ? void 0 : a.index) && (n = y.nextNode(), o++);
+ }
+ return y.currentNode = $, s;
+ }
+ p(t) {
+ let e = 0;
+ for (const i of this._$AV)
+ i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+ }
+}
+class O {
+ get _$AU() {
+ var t;
+ return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
+ }
+ constructor(t, e, i, s) {
+ this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
+ }
+ get parentNode() {
+ let t = this._$AA.parentNode;
+ const e = this._$AM;
+ return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
+ }
+ get startNode() {
+ return this._$AA;
+ }
+ get endNode() {
+ return this._$AB;
+ }
+ _$AI(t, e = this) {
+ t = w(this, t, e), P(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== A && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : xt(t) ? this.T(t) : this._(t);
+ }
+ k(t) {
+ return this._$AA.parentNode.insertBefore(t, this._$AB);
+ }
+ $(t) {
+ this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
+ }
+ _(t) {
+ this._$AH !== u && P(this._$AH) ? this._$AA.nextSibling.data = t : this.$($.createTextNode(t)), this._$AH = t;
+ }
+ g(t) {
+ var n;
+ const { values: e, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = U.createElement(ut(i.h, i.h[0]), this.options)), i);
+ if (((n = this._$AH) == null ? void 0 : n._$AD) === s)
+ this._$AH.p(e);
+ else {
+ const o = new Pt(s, this), l = o.u(this.options);
+ o.p(e), this.$(l), this._$AH = o;
+ }
+ }
+ _$AC(t) {
+ let e = it.get(t.strings);
+ return e === void 0 && it.set(t.strings, e = new U(t)), e;
+ }
+ T(t) {
+ dt(this._$AH) || (this._$AH = [], this._$AR());
+ const e = this._$AH;
+ let i, s = 0;
+ for (const n of t)
+ s === e.length ? e.push(i = new O(this.k(k()), this.k(k()), this, this.options)) : i = e[s], i._$AI(n), s++;
+ s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
+ }
+ _$AR(t = this._$AA.nextSibling, e) {
+ var i;
+ for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+ const s = t.nextSibling;
+ t.remove(), t = s;
+ }
+ }
+ setConnected(t) {
+ var e;
+ this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
+ }
+}
+class M {
+ get tagName() {
+ return this.element.tagName;
+ }
+ get _$AU() {
+ return this._$AM._$AU;
+ }
+ constructor(t, e, i, s, n) {
+ this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = u;
+ }
+ _$AI(t, e = this, i, s) {
+ const n = this.strings;
+ let o = !1;
+ if (n === void 0)
+ t = w(this, t, e, 0), o = !P(t) || t !== this._$AH && t !== A, o && (this._$AH = t);
+ else {
+ const l = t;
+ let a, d;
+ for (t = n[0], a = 0; a < n.length - 1; a++)
+ d = w(this, l[i + a], e, a), d === A && (d = this._$AH[a]), o || (o = !P(d) || d !== this._$AH[a]), d === u ? t = u : t !== u && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
+ }
+ o && !s && this.O(t);
+ }
+ O(t) {
+ t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+ }
+}
+class Ut extends M {
+ constructor() {
+ super(...arguments), this.type = 3;
+ }
+ O(t) {
+ this.element[this.name] = t === u ? void 0 : t;
+ }
+}
+class zt extends M {
+ constructor() {
+ super(...arguments), this.type = 4;
+ }
+ O(t) {
+ this.element.toggleAttribute(this.name, !!t && t !== u);
+ }
+}
+class Ot extends M {
+ constructor(t, e, i, s, n) {
+ super(t, e, i, s, n), this.type = 5;
+ }
+ _$AI(t, e = this) {
+ if ((t = w(this, t, e, 0) ?? u) === A)
+ return;
+ const i = this._$AH, s = t === u && i !== u || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== u && (i === u || s);
+ s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+ }
+ handleEvent(t) {
+ var e;
+ typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
+ }
+}
+class Rt {
+ constructor(t, e, i) {
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+ }
+ get _$AU() {
+ return this._$AM._$AU;
+ }
+ _$AI(t) {
+ w(this, t);
+ }
+}
+const D = E.litHtmlPolyfillSupport;
+D == null || D(U, O), (E.litHtmlVersions ?? (E.litHtmlVersions = [])).push("3.1.0");
+const Nt = (r, t, e) => {
+ const i = (e == null ? void 0 : e.renderBefore) ?? t;
+ let s = i._$litPart$;
+ if (s === void 0) {
+ const n = (e == null ? void 0 : e.renderBefore) ?? null;
+ i._$litPart$ = s = new O(t.insertBefore(k(), n), n, void 0, e ?? {});
+ }
+ return s._$AI(r), s;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class C extends _ {
+ constructor() {
+ super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+ }
+ createRenderRoot() {
+ var e;
+ const t = super.createRenderRoot();
+ return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
+ }
+ update(t) {
+ const e = this.render();
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Nt(e, this.renderRoot, this.renderOptions);
+ }
+ connectedCallback() {
+ var t;
+ super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
+ }
+ disconnectedCallback() {
+ var t;
+ super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
+ }
+ render() {
+ return A;
+ }
+}
+var nt;
+C._$litElement$ = !0, C.finalized = !0, (nt = globalThis.litElementHydrateSupport) == null || nt.call(globalThis, { LitElement: C });
+const I = globalThis.litElementPolyfillSupport;
+I == null || I({ LitElement: C });
+(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Tt = (r) => (t, e) => {
+ e !== void 0 ? e.addInitializer(() => {
+ customElements.define(r, t);
+ }) : customElements.define(r, t);
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Mt = { attribute: !0, type: String, converter: N, reflect: !1, hasChanged: F }, Ht = (r = Mt, t, e) => {
+ const { kind: i, metadata: s } = e;
+ let n = globalThis.litPropertyMetadata.get(s);
+ if (n === void 0 && globalThis.litPropertyMetadata.set(s, n = /* @__PURE__ */ new Map()), n.set(e.name, r), i === "accessor") {
+ const { name: o } = e;
+ return { set(l) {
+ const a = t.get.call(this);
+ t.set.call(this, l), this.requestUpdate(o, a, r);
+ }, init(l) {
+ return l !== void 0 && this.C(o, void 0, r), l;
+ } };
+ }
+ if (i === "setter") {
+ const { name: o } = e;
+ return function(l) {
+ const a = this[o];
+ t.call(this, l), this.requestUpdate(o, a, r);
+ };
+ }
+ throw Error("Unsupported decorator location: " + i);
+};
+function pt(r) {
+ return (t, e) => typeof e == "object" ? Ht(r, t, e) : ((i, s, n) => {
+ const o = s.hasOwnProperty(n);
+ return s.constructor.createProperty(n, o ? { ...i, wrapped: !0 } : i), o ? Object.getOwnPropertyDescriptor(s, n) : void 0;
+ })(r, t, e);
+}
+const jt = `/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+2. [UnoCSS]: allow to override the default border color with css var \`--un-default-border-color\`
+*/
+
+*,
+::before,
+::after {
+ box-sizing: border-box; /* 1 */
+ border-width: 0; /* 2 */
+ border-style: solid; /* 2 */
+ border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
+}
+
+::before,
+::after {
+ --un-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured \`sans\` font-family by default.
+5. Use the user's configured \`sans\` font-feature-settings by default.
+6. Use the user's configured \`sans\` font-variation-settings by default.
+7. Disable tap highlights on iOS.
+*/
+
+html,
+:host {
+ line-height: 1.5; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -moz-tab-size: 4; /* 3 */
+ tab-size: 4; /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+ font-feature-settings: normal; /* 5 */
+ font-variation-settings: normal; /* 6 */
+ -webkit-tap-highlight-color: transparent; /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from \`html\` so users can set them as a class directly on the \`html\` element.
+*/
+
+body {
+ margin: 0; /* 1 */
+ line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+ height: 0; /* 1 */
+ color: inherit; /* 2 */
+ border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+ text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/*
+1. Use the user's configured \`mono\` font-family by default.
+2. Use the user's configured \`mono\` font-feature-settings by default.
+3. Use the user's configured \`mono\` font-variation-settings by default.
+4. Correct the odd \`em\` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+ font-feature-settings: normal; /* 2 */
+ font-variation-settings: normal; /* 3 */
+ font-size: 1em; /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+ font-size: 80%;
+}
+
+/*
+Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+ text-indent: 0; /* 1 */
+ border-color: inherit; /* 2 */
+ border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-feature-settings: inherit; /* 1 */
+ font-variation-settings: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ font-weight: inherit; /* 1 */
+ line-height: inherit; /* 1 */
+ color: inherit; /* 1 */
+ margin: 0; /* 2 */
+ padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+ -webkit-appearance: button; /* 1 */
+ background-color: transparent; /* 2 */
+ background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+ outline: auto;
+}
+
+/*
+Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+ vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to \`inherit\` in Safari.
+*/
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+ display: list-item;
+}
+
+/*
+Removes the default spacing for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+legend {
+ padding: 0;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+dialog {
+ padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+ resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::placeholder,
+textarea::placeholder {
+ opacity: 1; /* 1 */
+ color: #9ca3af; /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+ cursor: default;
+}
+
+/*
+1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block; /* 1 */
+ vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/*
+Make elements with the HTML hidden attribute stay hidden by default.
+*/
+
+[hidden] {
+ display: none;
+}`;
+function ft(r) {
+ var t, e, i = "";
+ if (typeof r == "string" || typeof r == "number")
+ i += r;
+ else if (typeof r == "object")
+ if (Array.isArray(r))
+ for (t = 0; t < r.length; t++)
+ r[t] && (e = ft(r[t])) && (i && (i += " "), i += e);
+ else
+ for (t in r)
+ r[t] && (i && (i += " "), i += t);
+ return i;
+}
+function Lt() {
+ for (var r, t, e = 0, i = ""; e < arguments.length; )
+ (r = arguments[e++]) && (t = ft(r)) && (i && (i += " "), i += t);
+ return i;
+}
+const st = (r) => typeof r == "boolean" ? "".concat(r) : r === 0 ? "0" : r, rt = Lt, Dt = (r, t) => (e) => {
+ var i;
+ if ((t == null ? void 0 : t.variants) == null)
+ return rt(r, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
+ const { variants: s, defaultVariants: n } = t, o = Object.keys(s).map((d) => {
+ const c = e == null ? void 0 : e[d], h = n == null ? void 0 : n[d];
+ if (c === null)
+ return null;
+ const p = st(c) || st(h);
+ return s[d][p];
+ }), l = e && Object.entries(e).reduce((d, c) => {
+ let [h, p] = c;
+ return p === void 0 || (d[h] = p), d;
+ }, {}), a = t == null || (i = t.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((d, c) => {
+ let { class: h, className: p, ...f } = c;
+ return Object.entries(f).every((v) => {
+ let [q, H] = v;
+ return Array.isArray(H) ? H.includes({
+ ...n,
+ ...l
+ }[q]) : {
+ ...n,
+ ...l
+ }[q] === H;
+ }) ? [
+ ...d,
+ h,
+ p
+ ] : d;
+ }, []);
+ return rt(r, o, a, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
+};
+var It = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, W = (r, t, e, i) => {
+ for (var s = i > 1 ? void 0 : i ? Bt(t, e) : t, n = r.length - 1, o; n >= 0; n--)
+ (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
+ return i && s && It(t, e, s), s;
+};
+const Vt = Dt(
+ "bg-primary text-white py-3 px-6 rounded leading-[1.15]",
+ {
+ variants: {
+ intent: {
+ primary: "bg-primary text-white",
+ secondary: "bg-white border-2 border-primary text-primary! hover:bg-lightGray focus:bg-transparent focus:border-white"
+ },
+ disabled: {
+ true: "opacity-50 cursor-not-allowed",
+ false: ""
+ }
+ }
+ }
+);
+let z = class extends C {
+ constructor() {
+ super(), this.disabled = !1, this.intent = "primary";
+ }
+ render() {
+ return Ct``;
+ }
+ _handleClick(r) {
+ r.stopPropagation(), this.dispatchEvent(new Event("click"));
+ }
+};
+z.styles = [
+ gt`
+ /* layer: preflights */
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
+/* layer: default */
+.static{position:static;}
+.cursor-not-allowed{cursor:not-allowed;}
+.border-2{border-width:2px;}
+.border-primary{--un-border-opacity:1;border-color:rgb(var(--hot-primary-rgb) / var(--un-border-opacity));}
+.focus\\:border-white:focus{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}
+.rounded{border-radius:0.125rem;}
+.bg-primary{--un-bg-opacity:1;background-color:rgb(var(--hot-primary-rgb) / var(--un-bg-opacity));}
+.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}
+.hover\\:bg-lightGray:hover{--un-bg-opacity:1;background-color:rgb(var(--hot-light-gray-rgb) / var(--un-bg-opacity));}
+.focus\\:bg-transparent:focus{background-color:transparent;}
+.px-6{padding-left:1.5rem;padding-right:1.5rem;}
+.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
+.text-primary\\!{--un-text-opacity:1 !important;color:rgb(var(--hot-primary-rgb) / var(--un-text-opacity)) !important;}
+.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
+.leading-\\[1\\.15\\]{line-height:1.15;}
+.opacity-50{opacity:0.5;};
+ `,
+ at(jt)
+];
+W([
+ pt({ type: Boolean })
+], z.prototype, "disabled", 2);
+W([
+ pt({ type: String })
+], z.prototype, "intent", 2);
+z = W([
+ Tt("hot-button")
+], z);
+export {
+ z as button
+};
diff --git a/dist/ui.umd.cjs b/dist/ui.umd.cjs
new file mode 100644
index 0000000..e1f7ac0
--- /dev/null
+++ b/dist/ui.umd.cjs
@@ -0,0 +1,439 @@
+(function(f,b){typeof exports=="object"&&typeof module<"u"?b(exports):typeof define=="function"&&define.amd?define(["exports"],b):(f=typeof globalThis<"u"?globalThis:f||self,b(f.hot={}))})(this,function(f){"use strict";/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var pt;const b=globalThis,H=b.ShadowRoot&&(b.ShadyCSS===void 0||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,j=Symbol(),q=new WeakMap;let K=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==j)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(H&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=q.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&q.set(e,t))}return t}toString(){return this.cssText}};const G=s=>new K(typeof s=="string"?s:s+"",void 0,j),gt=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((i,n,r)=>i+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+s[r+1],s[0]);return new K(e,s,j)},bt=(s,t)=>{if(H)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),n=b.litNonce;n!==void 0&&i.setAttribute("nonce",n),i.textContent=e.cssText,s.appendChild(i)}},J=H?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return G(e)})(s):s;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:mt,defineProperty:yt,getOwnPropertyDescriptor:$t,getOwnPropertyNames:vt,getOwnPropertySymbols:_t,getPrototypeOf:At}=Object,m=globalThis,Z=m.trustedTypes,wt=Z?Z.emptyScript:"",L=m.reactiveElementPolyfillSupport,E=(s,t)=>s,T={toAttribute(s,t){switch(t){case Boolean:s=s?wt:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},D=(s,t)=>!mt(s,t),Q={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:D};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),m.litPropertyMetadata??(m.litPropertyMetadata=new WeakMap);class A 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){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(t,i,e);n!==void 0&&yt(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){const{get:n,set:r}=$t(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get(){return n==null?void 0:n.call(this)},set(o){const l=n==null?void 0:n.call(this);r.call(this,o),this.requestUpdate(t,l,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Q}static _$Ei(){if(this.hasOwnProperty(E("elementProperties")))return;const t=At(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,i=[...vt(e),..._t(e)];for(const n of i)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,n]of e)this.elementProperties.set(i,n)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const n=this._$Eu(e,i);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const n of i)e.unshift(J(n))}else t!==void 0&&e.push(J(t));return e}static _$Eu(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$Eg=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$ES(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$E_??(this._$E_=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$E_)==null||e.delete(t)}_$ES(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return bt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$E_)==null||t.forEach(e=>{var i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$E_)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e){var r;const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(n!==void 0&&i.reflect===!0){const o=(((r=i.converter)==null?void 0:r.toAttribute)!==void 0?i.converter:T).toAttribute(e,i.type);this._$Em=t,o==null?this.removeAttribute(n):this.setAttribute(n,o),this._$Em=null}}_$AK(t,e){var r;const i=this.constructor,n=i._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const o=i.getPropertyOptions(n),l=typeof o.converter=="function"?{fromAttribute:o.converter}:((r=o.converter)==null?void 0:r.fromAttribute)!==void 0?o.converter:T;this._$Em=n,this[n]=l.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,i,n=!1,r){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??D)(n?r:this[t],e))return;this.C(t,e,i)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,o]of this._$Ep)this[r]=o;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[r,o]of n)o.wrapped!==!0||this._$AL.has(r)||this[r]===void 0||this.C(r,this[r],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$E_)==null||i.forEach(n=>{var r;return(r=n.hostUpdate)==null?void 0:r.call(n)}),this.update(e)):this._$ET()}catch(n){throw t=!1,this._$ET(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$E_)==null||e.forEach(i=>{var n;return(n=i.hostUpdated)==null?void 0:n.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EO(e,this[e]))),this._$ET()}updated(t){}firstUpdated(t){}}A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[E("elementProperties")]=new Map,A[E("finalized")]=new Map,L==null||L({ReactiveElement:A}),(m.reactiveElementVersions??(m.reactiveElementVersions=[])).push("2.0.2");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const C=globalThis,N=C.trustedTypes,X=N?N.createPolicy("lit-html",{createHTML:s=>s}):void 0,Y="$lit$",y=`lit$${(Math.random()+"").slice(9)}$`,tt="?"+y,St=`<${tt}>`,$=document,k=()=>$.createComment(""),P=s=>s===null||typeof s!="object"&&typeof s!="function",et=Array.isArray,xt=s=>et(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",I=`[
+\f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,it=/-->/g,nt=/>/g,v=RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`,"g"),st=/'/g,rt=/"/g,ot=/^(?:script|style|textarea|title)$/i,Et=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),Ct=Et(1),w=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),at=new WeakMap,_=$.createTreeWalker($,129);function lt(s,t){if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return X!==void 0?X.createHTML(t):t}const kt=(s,t)=>{const e=s.length-1,i=[];let n,r=t===2?"":"")),i]};class z{constructor({strings:t,_$litType$:e},i){let n;this.parts=[];let r=0,o=0;const l=t.length-1,a=this.parts,[d,c]=kt(t,e);if(this.el=z.createElement(d,i),_.currentNode=this.el.content,e===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(n=_.nextNode())!==null&&a.length0){n.textContent=N?N.emptyScript:"";for(let g=0;g2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}_$AI(t,e=this,i,n){const r=this.strings;let o=!1;if(r===void 0)t=S(this,t,e,0),o=!P(t)||t!==this._$AH&&t!==w,o&&(this._$AH=t);else{const l=t;let a,d;for(t=r[0],a=0;a{const i=(e==null?void 0:e.renderBefore)??t;let n=i._$litPart$;if(n===void 0){const r=(e==null?void 0:e.renderBefore)??null;i._$litPart$=n=new O(t.insertBefore(k(),r),r,void 0,e??{})}return n._$AI(s),n};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class R extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Tt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return w}}R._$litElement$=!0,R.finalized=!0,(pt=globalThis.litElementHydrateSupport)==null||pt.call(globalThis,{LitElement:R});const V=globalThis.litElementPolyfillSupport;V==null||V({LitElement:R}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.2");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Nt=s=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(s,t)}):customElements.define(s,t)};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Mt={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:D},Ht=(s=Mt,t,e)=>{const{kind:i,metadata:n}=e;let r=globalThis.litPropertyMetadata.get(n);if(r===void 0&&globalThis.litPropertyMetadata.set(n,r=new Map),r.set(e.name,s),i==="accessor"){const{name:o}=e;return{set(l){const a=t.get.call(this);t.set.call(this,l),this.requestUpdate(o,a,s)},init(l){return l!==void 0&&this.C(o,void 0,s),l}}}if(i==="setter"){const{name:o}=e;return function(l){const a=this[o];t.call(this,l),this.requestUpdate(o,a,s)}}throw Error("Unsupported decorator location: "+i)};function ht(s){return(t,e)=>typeof e=="object"?Ht(s,t,e):((i,n,r)=>{const o=n.hasOwnProperty(r);return n.constructor.createProperty(r,o?{...i,wrapped:!0}:i),o?Object.getOwnPropertyDescriptor(n,r):void 0})(s,t,e)}const jt=`/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+2. [UnoCSS]: allow to override the default border color with css var \`--un-default-border-color\`
+*/
+
+*,
+::before,
+::after {
+ box-sizing: border-box; /* 1 */
+ border-width: 0; /* 2 */
+ border-style: solid; /* 2 */
+ border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
+}
+
+::before,
+::after {
+ --un-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured \`sans\` font-family by default.
+5. Use the user's configured \`sans\` font-feature-settings by default.
+6. Use the user's configured \`sans\` font-variation-settings by default.
+7. Disable tap highlights on iOS.
+*/
+
+html,
+:host {
+ line-height: 1.5; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -moz-tab-size: 4; /* 3 */
+ tab-size: 4; /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+ font-feature-settings: normal; /* 5 */
+ font-variation-settings: normal; /* 6 */
+ -webkit-tap-highlight-color: transparent; /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from \`html\` so users can set them as a class directly on the \`html\` element.
+*/
+
+body {
+ margin: 0; /* 1 */
+ line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+ height: 0; /* 1 */
+ color: inherit; /* 2 */
+ border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+ text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/*
+1. Use the user's configured \`mono\` font-family by default.
+2. Use the user's configured \`mono\` font-feature-settings by default.
+3. Use the user's configured \`mono\` font-variation-settings by default.
+4. Correct the odd \`em\` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+ font-feature-settings: normal; /* 2 */
+ font-variation-settings: normal; /* 3 */
+ font-size: 1em; /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+ font-size: 80%;
+}
+
+/*
+Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+ text-indent: 0; /* 1 */
+ border-color: inherit; /* 2 */
+ border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-feature-settings: inherit; /* 1 */
+ font-variation-settings: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ font-weight: inherit; /* 1 */
+ line-height: inherit; /* 1 */
+ color: inherit; /* 1 */
+ margin: 0; /* 2 */
+ padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+ -webkit-appearance: button; /* 1 */
+ background-color: transparent; /* 2 */
+ background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+ outline: auto;
+}
+
+/*
+Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+ vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to \`inherit\` in Safari.
+*/
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+ display: list-item;
+}
+
+/*
+Removes the default spacing for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+legend {
+ padding: 0;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+dialog {
+ padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+ resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::placeholder,
+textarea::placeholder {
+ opacity: 1; /* 1 */
+ color: #9ca3af; /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+ cursor: default;
+}
+
+/*
+1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block; /* 1 */
+ vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/*
+Make elements with the HTML hidden attribute stay hidden by default.
+*/
+
+[hidden] {
+ display: none;
+}`;function dt(s){var t,e,i="";if(typeof s=="string"||typeof s=="number")i+=s;else if(typeof s=="object")if(Array.isArray(s))for(t=0;ttypeof s=="boolean"?"".concat(s):s===0?"0":s,ut=Lt,Dt=(s,t)=>e=>{var i;if((t==null?void 0:t.variants)==null)return ut(s,e==null?void 0:e.class,e==null?void 0:e.className);const{variants:n,defaultVariants:r}=t,o=Object.keys(n).map(d=>{const c=e==null?void 0:e[d],h=r==null?void 0:r[d];if(c===null)return null;const p=ct(c)||ct(h);return n[d][p]}),l=e&&Object.entries(e).reduce((d,c)=>{let[h,p]=c;return p===void 0||(d[h]=p),d},{}),a=t==null||(i=t.compoundVariants)===null||i===void 0?void 0:i.reduce((d,c)=>{let{class:h,className:p,...g}=c;return Object.entries(g).every(x=>{let[ft,W]=x;return Array.isArray(W)?W.includes({...r,...l}[ft]):{...r,...l}[ft]===W})?[...d,h,p]:d},[]);return ut(s,o,a,e==null?void 0:e.class,e==null?void 0:e.className)};var It=Object.defineProperty,Bt=Object.getOwnPropertyDescriptor,F=(s,t,e,i)=>{for(var n=i>1?void 0:i?Bt(t,e):t,r=s.length-1,o;r>=0;r--)(o=s[r])&&(n=(i?o(t,e,n):o(n))||n);return i&&n&&It(t,e,n),n};const Vt=Dt("bg-primary text-white py-3 px-6 rounded leading-[1.15]",{variants:{intent:{primary:"bg-primary text-white",secondary:"bg-white border-2 border-primary text-primary! hover:bg-lightGray focus:bg-transparent focus:border-white"},disabled:{true:"opacity-50 cursor-not-allowed",false:""}}});f.button=class extends R{constructor(){super(),this.disabled=!1,this.intent="primary"}render(){return Ct``}_handleClick(t){t.stopPropagation(),this.dispatchEvent(new Event("click"))}},f.button.styles=[gt`
+ /* layer: preflights */
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
+/* layer: default */
+.static{position:static;}
+.cursor-not-allowed{cursor:not-allowed;}
+.border-2{border-width:2px;}
+.border-primary{--un-border-opacity:1;border-color:rgb(var(--hot-primary-rgb) / var(--un-border-opacity));}
+.focus\\:border-white:focus{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}
+.rounded{border-radius:0.125rem;}
+.bg-primary{--un-bg-opacity:1;background-color:rgb(var(--hot-primary-rgb) / var(--un-bg-opacity));}
+.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}
+.hover\\:bg-lightGray:hover{--un-bg-opacity:1;background-color:rgb(var(--hot-light-gray-rgb) / var(--un-bg-opacity));}
+.focus\\:bg-transparent:focus{background-color:transparent;}
+.px-6{padding-left:1.5rem;padding-right:1.5rem;}
+.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
+.text-primary\\!{--un-text-opacity:1 !important;color:rgb(var(--hot-primary-rgb) / var(--un-text-opacity)) !important;}
+.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
+.leading-\\[1\\.15\\]{line-height:1.15;}
+.opacity-50{opacity:0.5;};
+ `,G(jt)],F([ht({type:Boolean})],f.button.prototype,"disabled",2),F([ht({type:String})],f.button.prototype,"intent",2),f.button=F([Nt("hot-button")],f.button),Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});