From 2cb8973ec5492ef6ad542e69aeb15a56d5eff176 Mon Sep 17 00:00:00 2001 From: svchot Date: Wed, 13 Mar 2024 15:55:07 +0000 Subject: [PATCH] docs: update component dist to latest --- dist/style.css | 1 + dist/ui.js | 1139 +++++++++++++++++++++++++++++++++++++++++++++++ dist/ui.umd.cjs | 439 ++++++++++++++++++ 3 files changed, 1579 insertions(+) create mode 100644 dist/style.css create mode 100644 dist/ui.js create mode 100644 dist/ui.umd.cjs 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 ? "" : "", o = S; + for (let l = 0; l < e; l++) { + const a = r[l]; + let d, c, h = -1, p = 0; + for (; p < a.length && (o.lastIndex = p, c = o.exec(a), c !== null); ) + p = o.lastIndex, o === S ? c[1] === "!--" ? o = X : c[1] !== void 0 ? o = Y : c[2] !== void 0 ? (ct.test(c[2]) && (s = RegExp("" ? (o = s ?? S, h = -1) : c[1] === void 0 ? h = -2 : (h = o.lastIndex - c[2].length, d = c[1], o = c[3] === void 0 ? m : c[3] === '"' ? et : tt) : o === et || o === tt ? o = m : o === X || o === Y ? o = S : (o = m, s = void 0); + const f = o === m && r[l + 1].startsWith("/>") ? " " : ""; + n += o === S ? a + St : h >= 0 ? (i.push(d), a.slice(0, h) + lt + a.slice(h) + g + f) : a + g + (h === -2 ? l : f); + } + return [ut(r, n + (r[e] || "") + (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?"":"",o=U;for(let l=0;l"?(o=n??U,h=-1):c[1]===void 0?h=-2:(h=o.lastIndex-c[2].length,d=c[1],o=c[3]===void 0?v:c[3]==='"'?rt:st):o===rt||o===st?o=v:o===it||o===nt?o=U:(o=v,n=void 0);const g=o===v&&s[l+1].startsWith("/>")?" ":"";r+=o===U?a+St:h>=0?(i.push(d),a.slice(0,h)+Y+a.slice(h)+y+g):a+y+(h===-2?l:g)}return[lt(s,r+(s[e]||"")+(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"})});