solid-ui 3.1.3-9 → 5.0.0-0

package/dist/chunks/{select-D8dW53pr.js → select-BcC-ICqO.js}

@@ -1,34 +1,38 @@
-import { a as e, i as t, t as n } from "./components-C1LEhsaK.js";
-import { c as r, i } from "./lit-C4H1jI4q.js";
-import { r as a, t as o } from "./decorators-BiCkPd_3.js";
+import { c as e, g as t, i as n, p as r, r as i, t as a, u as o } from "./components-BHoVP7zE.js";
+import { t as s } from "./query-BYu9q8lA.js";
 import "./chevron-down-ujxRg3MD.js";
+//#region src/lib/values.ts
+function c(e) {
+	return e == null || e === "";
+}
+//#endregion
 //#region src/components/select/Select.styles.css
-var s = r`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& .input-wrapper{width:100%;position:relative;& select{appearance:none;border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;cursor:pointer;background:#fff;border-radius:5px;padding:10px 40px 10px 10px}& icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}}`, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k;
-function A(e, t, n) {
-	j(e, t), t.set(e, n);
+var l = r`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& .input-wrapper{width:100%;position:relative;& select{appearance:none;border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;cursor:pointer;background:#fff;border-radius:5px;padding:10px 40px 10px 10px}& icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}}`, u, d, f, p, m, h, g, _, v, y, b, x, S, C;
+function w(e, t, n) {
+	T(e, t), t.set(e, n);
 }
-function j(e, t) {
+function T(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function M(e, t, n) {
-	return e.set(P(e, t), n), n;
+function E(e, t, n) {
+	return e.set(O(e, t), n), n;
 }
-function N(e, t) {
-	return e.get(P(e, t));
+function D(e, t) {
+	return e.get(O(e, t));
 }
-function P(e, t, n) {
+function O(e, t, n) {
 	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw TypeError("Private element is not present on this object");
 }
-function F(e, t, n) {
-	return (t = L(t)) in e ? Object.defineProperty(e, t, {
+function k(e, t, n) {
+	return (t = j(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function I(e, t, n, r, i, a) {
+function A(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -51,13 +55,13 @@ function I(e, t, n, r, i, a) {
 			n || Array.isArray(_) || (_ = [_]);
 			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: z(function() {
+				get: N(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || z(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || N(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
 		}
 		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
 			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
@@ -117,7 +121,7 @@ function I(e, t, n, r, i, a) {
 	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
 	var f = Object.create(d ?? null), p = function(e, t, n, r) {
 		var i, a, o = [], c = function(t) {
-			return B(t) === e;
+			return P(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -131,7 +135,7 @@ function I(e, t, n, r, i, a) {
 					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
 					u.set(b, !(m > 2) || m);
 				}
-				l(v ? e : e.prototype, p, _, g ? "#" + h : L(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : j(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -144,11 +148,11 @@ function I(e, t, n, r, i, a) {
 		}
 	};
 }
-function L(e) {
-	var t = R(e, "string");
+function j(e) {
+	var t = M(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function R(e, t) {
+function M(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -158,7 +162,7 @@ function R(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function z(e, t, n) {
+function N(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -168,73 +172,56 @@ function z(e, t, n) {
 	} catch {}
 	return e;
 }
-function B(e) {
+function P(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function V(e) {
+function F(e) {
 	return e;
 }
-_ = [e("solid-ui-select")];
-var H;
-new (O = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), k = (v = a({
-	type: String,
-	reflect: !0
-}), b = a({
-	type: String,
-	reflect: !0
-}), S = a({ type: String }), w = a({
-	type: Boolean,
-	reflect: !0
-}), E = o("select"), "label"), l = class extends t {
-	get [k]() {
-		return N(u, this);
-	}
-	set label(e) {
-		M(u, this, e);
-	}
-	get name() {
-		return N(d, this);
+g = [t("solid-ui-select")];
+var I;
+new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C = (_ = n({ type: Array }), v = s("select"), b = i(), "options"), d = class extends a {
+	constructor(...e) {
+		super(...e), w(this, f, (m(this), y(this, null))), w(this, p, x(this, null));
 	}
-	set name(e) {
-		M(d, this, e);
+	set [C](e) {
+		this._options = e;
 	}
-	get value() {
-		return N(f, this);
-	}
-	set value(e) {
-		M(f, this, e);
-	}
-	get required() {
-		return N(p, this);
+	get options() {
+		if (this._options) return this._options;
+		let e = this.querySelectorAll("solid-ui-select-option");
+		return Array.from(e).map((e) => ({
+			value: e.value,
+			label: e.textContent
+		}));
 	}
-	set required(e) {
-		M(p, this, e);
+	get controlElement() {
+		return D(f, this);
 	}
-	get inputElement() {
-		return N(m, this);
+	set controlElement(e) {
+		E(f, this, e);
 	}
-	set inputElement(e) {
-		M(m, this, e);
+	get _options() {
+		return D(p, this);
 	}
-	constructor() {
-		super(), A(this, u, (h(this), y(this, ""))), A(this, d, x(this, "")), A(this, f, C(this, "")), A(this, p, T(this, !1)), A(this, m, D(this, null)), F(this, "inputTrait", void 0), this.inputTrait = this.addTrait(new n(this, {
-			getInputElement: () => this.inputElement,
-			getInternals: () => this.getInternals()
-		}));
+	set _options(e) {
+		E(p, this, e);
 	}
 	render() {
-		return i`
-      ${this.inputTrait.renderLabel()}
+		let t = this.options.some((e) => c(e.value)) ? e : o`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
+		return o`
+      ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
         <select
-          id="${this.inputTrait.inputId}"
+          id="${this.controlTrait.controlId}"
           name=${this.name}
           ?required=${this.required}
-          @change=${() => this.inputTrait.onInput()}
+          @change=${this.onChange}
         >
-          ${this.getOptions().map((e) => i`<option
+          ${t}
+          ${this.options.map((e) => o`<option
                 .value=${e.value}
                 ?selected=${e.value === this.value}
               >
@@ -245,48 +232,39 @@ new (O = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f =
       </div>
     `;
 	}
-	getOptions() {
-		let e = this.querySelectorAll("solid-ui-select-option");
-		return Array.from(e).map((e) => ({
-			value: e.value,
-			label: e.textContent
+	onChange() {
+		let e = this.controlElement?.value ?? null, t = this.options.find((t) => t.value === e);
+		this.controlTrait.setValue(e), this.dispatchEvent(new CustomEvent("change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { option: t }
 		}));
 	}
-}, {e: [y, x, C, T, D, h], c: [H, g]} = I(l, [
-	[
-		v,
-		1,
-		"label"
-	],
+}, {e: [y, x, m], c: [I, h]} = A(d, [
 	[
-		b,
-		1,
-		"name"
+		_,
+		4,
+		"options"
 	],
 	[
-		S,
-		1,
-		"value"
-	],
-	[
-		w,
+		v,
 		1,
-		"required"
+		"controlElement"
 	],
 	[
-		E,
+		b,
 		1,
-		"inputElement"
+		"_options"
 	]
-], _, 0, void 0, t), l), c = class extends V {
+], g, 0, void 0, a), d), u = class extends F {
 	constructor() {
-		super(H), F(this, "styles", s), F(this, "formAssociated", !0), g();
+		super(I), k(this, "styles", l), h();
 	}
-}, F(c, O, void 0), c)();
+}, k(u, S, void 0), u)();
 //#endregion
 //#region src/components/select/index.ts
-var U = H;
+var L = I;
 //#endregion
-export { H as n, U as t };
+export { I as n, L as t };
 
-//# sourceMappingURL=select-D8dW53pr.js.map
+//# sourceMappingURL=select-BcC-ICqO.js.map

package/dist/chunks/select-BcC-ICqO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-BcC-ICqO.js","names":["isEmptyValue","value","undefined","customElement","FormControlComponent","html","nothing","property","query","state","isEmptyValue","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_ref","_optionsDecs","type","Array","_controlElementDecs","_optionsDecs2","_Select3","Select","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_controlElement","_init__options","value","_options","options","querySelectorAll","from","map","option","label","textContent","controlElement","_classPrivateFieldGet","v","_classPrivateFieldSet","render","defaultOption","some","controlTrait","renderLabel","controlId","name","required","onChange","find","setValue","dispatchEvent","CustomEvent","bubbles","composed","detail","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","Select"],"sources":["../../src/lib/values.ts","../../src/components/select/Select.styles.css","../../src/components/select/Select.ts","../../src/components/select/index.ts"],"sourcesContent":["export function isEmptyValue (value: unknown): boolean {\n  return value === null || value === undefined || value === ''\n}\n",":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        select {\n            appearance: none;\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n            cursor: pointer;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n}\n","import { customElement, FormControlComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { isEmptyValue } from '@/lib/values'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\nexport type SelectOptionData = {\n  value: unknown;\n  label: string;\n}\n\nexport type SelectChangeEvent = CustomEvent<{ option: SelectOptionData }>\n\n@customElement('solid-ui-select')\nexport default class Select extends FormControlComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  set options (value: SelectOptionData[] | null) {\n    this._options = value\n  }\n\n  get options (): SelectOptionData[] {\n    if (this._options) {\n      return this._options\n    }\n\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n\n  @query('select')\n  protected accessor controlElement: HTMLSelectElement | null = null;\n\n  @state()\n  private accessor _options: SelectOptionData[] | null = null\n\n  protected render () {\n    const defaultOption = this.options.some(option => isEmptyValue(option.value))\n      ? nothing\n      : html`<option disabled value=\"\" ?selected=${!this.value}>Select an option</option>`\n\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.controlTrait.controlId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${this.onChange}\n        >\n          ${defaultOption}\n          ${this.options.map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private onChange () {\n    const value = this.controlElement?.value ?? null\n    const option = this.options.find((option) => option.value === value)\n\n    this.controlTrait.setValue(value)\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { option } }))\n  }\n}\n","import Select from './Select'\n\nexport * from './Select'\nexport { Select }\nexport default Select\n"],"mappings":"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"}

package/dist/chunks/{select-option-B-6ULCpQ.js → select-option-B0uXcj2O.js}

@@ -1,6 +1,4 @@
-import { a as e, i as t } from "./components-C1LEhsaK.js";
-import { i as n, n as r } from "./lit-C4H1jI4q.js";
-import { r as i } from "./decorators-BiCkPd_3.js";
+import { c as e, g as t, i as n, o as r, u as i } from "./components-BHoVP7zE.js";
 //#region src/components/select-option/SelectOption.ts
 var a, o, s, c, l, u, d;
 function f(e, t, n) {
@@ -163,12 +161,12 @@ function x(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-c = [e("solid-ui-select-option")];
+c = [t("solid-ui-select-option")];
 var S, C = /*#__PURE__*/ new WeakMap();
-d = (l = i({
+d = (l = n({
 	type: String,
 	reflect: !0
-}), "value"), a = class extends t {
+}), "value"), a = class extends r {
 	constructor(...e) {
 		super(...e), f(this, C, (o(this), u(this, "")));
 	}
@@ -179,17 +177,17 @@ d = (l = i({
 		m(C, this, e);
 	}
 	render() {
-		return n`${r}`;
+		return i`${e}`;
 	}
 }, {e: [u, o], c: [S, s]} = _(a, [[
 	l,
 	1,
 	"value"
-]], c, 0, void 0, t), s();
+]], c, 0, void 0, r), s();
 //#endregion
 //#region src/components/select-option/index.ts
 var w = S;
 //#endregion
 export { S as n, w as t };
 
-//# sourceMappingURL=select-option-B-6ULCpQ.js.map
+//# sourceMappingURL=select-option-B0uXcj2O.js.map

package/dist/chunks/{select-option-B-6ULCpQ.js.map → select-option-B0uXcj2O.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-option-B-6ULCpQ.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_SelectOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","SelectOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_SelectOption2","e","c","_initClass","_applyDecs","default","SelectOption"],"sources":["../../src/components/select-option/SelectOption.ts","../../src/components/select-option/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-select-option')\nexport default class SelectOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n","import SelectOption from './SelectOption'\n\nexport { SelectOption }\nexport default SelectOption\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE4CK,IAAA,CAE3CL,EAAc,wBAAwB,CAAC;AAAA,IAAAM,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCN,EAAS;CAAEO,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAAC,UAM3CY,IAAAX,cAPyCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAEpC,EAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAVc,MAAKC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEJE,SAAU;EAClB,OAAOtB,CAAI,GAAGC;CAChB;AACF,GAAC,CAAAuB,GAAA,CAAAP,GAAAD,IAAAS,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAPyCJ,CAAY,GAAA2B,EAAA;;;ACFtD,IAAA,IAAeG"}
+{"version":3,"file":"select-option-B0uXcj2O.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_SelectOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","SelectOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_SelectOption2","e","c","_initClass","_applyDecs","default","SelectOption"],"sources":["../../src/components/select-option/SelectOption.ts","../../src/components/select-option/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-select-option')\nexport default class SelectOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n","import SelectOption from './SelectOption'\n\nexport { SelectOption }\nexport default SelectOption\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE4CK,IAAA,CAE3CL,EAAc,wBAAwB,CAAC;AAAA,IAAAM,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCN,EAAS;CAAEO,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAAC,UAM3CY,IAAAX,cAPyCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAEpC,EAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAVc,MAAKC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEJE,SAAU;EAClB,OAAOtB,CAAI,GAAGC;CAChB;AACF,GAAC,CAAAuB,GAAA,CAAAP,GAAAD,IAAAS,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAPyCJ,CAAY,GAAA2B,EAAA;;;ACFtD,IAAA,IAAeG"}

package/dist/chunks/{signup-button-Df4rYzNO.js → signup-button-14Bh_nyp.js}

@@ -1,8 +1,6 @@
-import { c as e, s as t } from "./auth-DIRGfFle.js";
-import { r as n } from "./dialog-Bn4qiZi-.js";
-import { a as r, i } from "./components-C1LEhsaK.js";
-import { i as a } from "./lit-C4H1jI4q.js";
-import "./button-CBQEwOtX.js";
+import { a as e, o as t } from "./auth-DdvFEHuV.js";
+import { b as n, g as r, o as i, u as a } from "./components-BHoVP7zE.js";
+import "./button-CnmrOsEf.js";
 //#region src/components/signup-button/SignupButton.ts
 var o, s, c, l, u, d, f;
 function p(e, t, n) {
@@ -168,11 +166,11 @@ function S(e) {
 l = [r("solid-ui-signup-button")];
 var C, w = /*#__PURE__*/ new WeakMap();
 f = (u = n({
-	context: e,
+	context: t,
 	subscribe: !0
 }), "auth"), o = class extends i {
-	constructor(...e) {
-		super(...e), p(this, w, (s(this), d(this, t)));
+	constructor(...t) {
+		super(...t), p(this, w, (s(this), d(this, e)));
 	}
 	get [f]() {
 		return g(w, this);
@@ -208,4 +206,4 @@ var T = C;
 //#endregion
 export { C as n, T as t };
 
-//# sourceMappingURL=signup-button-Df4rYzNO.js.map
+//# sourceMappingURL=signup-button-14Bh_nyp.js.map

package/dist/chunks/{signup-button-Df4rYzNO.js.map → signup-button-14Bh_nyp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"signup-button-Df4rYzNO.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","signup","e","preventDefault","_SignupButton2","c","_initClass","_applyDecs","default","SignupButton"],"sources":["../../src/components/signup-button/SignupButton.ts","../../src/components/signup-button/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.signup()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n","import SignupButton from './SignupButton'\n\nexport { SignupButton }\nexport default SignupButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,OAAO;CACnB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzByCL,CAAY,GAAA+B,EAAA;;;ACLtD,IAAA,IAAeG"}
+{"version":3,"file":"signup-button-14Bh_nyp.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","signup","e","preventDefault","_SignupButton2","c","_initClass","_applyDecs","default","SignupButton"],"sources":["../../src/components/signup-button/SignupButton.ts","../../src/components/signup-button/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.signup()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n","import SignupButton from './SignupButton'\n\nexport { SignupButton }\nexport default SignupButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,OAAO;CACnB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzByCL,CAAY,GAAA+B,EAAA;;;ACLtD,IAAA,IAAeG"}

package/dist/chunks/{solid-emblem-BDzhMTjL.js → solid-emblem-CcQOqRX0.js}

@@ -1,5 +1,4 @@
-import { a as e, i as t } from "./components-C1LEhsaK.js";
-import { c as n, i as r } from "./lit-C4H1jI4q.js";
+import { g as e, o as t, p as n, u as r } from "./components-BHoVP7zE.js";
 //#region ~icons/app/solid-emblem
 var i = class extends HTMLElement {
 	constructor() {
@@ -182,4 +181,4 @@ var y = v;
 //#endregion
 export { v as n, y as t };
 
-//# sourceMappingURL=solid-emblem-BDzhMTjL.js.map
+//# sourceMappingURL=solid-emblem-CcQOqRX0.js.map

package/dist/chunks/{solid-emblem-BDzhMTjL.js.map → solid-emblem-CcQOqRX0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"solid-emblem-BDzhMTjL.js","names":["customElement","WebComponent","html","styles","_classDecs","_SolidEmblem","_SolidEmblem2","_SolidEmblem3","SolidEmblem","render","_initClass","_applyDecs","c","_Class","_identity","constructor","_defineProperty","default","SolidEmblem"],"sources":["../../src/components/solid-emblem/SolidEmblem.styles.css","../../src/components/solid-emblem/SolidEmblem.ts","../../src/components/solid-emblem/index.ts"],"sourcesContent":[":host {\n    display: inline-flex;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\n\nimport '~icons/app/solid-emblem'\n\nimport styles from './SolidEmblem.styles.css'\n\n@customElement('solid-ui-solid-emblem')\nexport default class SolidEmblem extends WebComponent {\n  static styles = styles\n\n  protected render () {\n    return html`<icon-app-solid-emblem></icon-app-solid-emblem>`\n  }\n}\n","import SolidEmblem from './SolidEmblem'\n\nexport { SolidEmblem }\nexport default SolidEmblem\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACK6CI,IAAA,CAE5CJ,EAAc,uBAAuB,CAAC;AAAA,IAAAK;AAAA,KAAAC,KAAAC,IAAvC,cACyCN,EAAa;CAG1CQ,SAAU;EAClB,OAAOP,CAAI;CACb;AACF,GAAC,CAAAG,GAAAK,KAAAC,EAAAJ,GAAA,CAAA,GAAAH,GAAA,GAAA,KAAA,GANwCH,CAAY,CAAA,CAAAW,GAAAL,IAAAM,IAAA,cAAAC,EAAA;CAAAC,cAAA;EAAA,MAAAV,CAAA,GAAAW,EAAA,MAAA,UACnCb,CAAM,GAAAO,EAAA;CAAA;AAAA,GAAAM,EAAAH,GAAAP,GAAA,KAAA,CAAA,GAAAO,GAAA;;;ACNxB,IAAA,IAAeK"}
+{"version":3,"file":"solid-emblem-CcQOqRX0.js","names":["customElement","WebComponent","html","styles","_classDecs","_SolidEmblem","_SolidEmblem2","_SolidEmblem3","SolidEmblem","render","_initClass","_applyDecs","c","_Class","_identity","constructor","_defineProperty","default","SolidEmblem"],"sources":["../../src/components/solid-emblem/SolidEmblem.styles.css","../../src/components/solid-emblem/SolidEmblem.ts","../../src/components/solid-emblem/index.ts"],"sourcesContent":[":host {\n    display: inline-flex;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\n\nimport '~icons/app/solid-emblem'\n\nimport styles from './SolidEmblem.styles.css'\n\n@customElement('solid-ui-solid-emblem')\nexport default class SolidEmblem extends WebComponent {\n  static styles = styles\n\n  protected render () {\n    return html`<icon-app-solid-emblem></icon-app-solid-emblem>`\n  }\n}\n","import SolidEmblem from './SolidEmblem'\n\nexport { SolidEmblem }\nexport default SolidEmblem\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACK6CI,IAAA,CAE5CJ,EAAc,uBAAuB,CAAC;AAAA,IAAAK;AAAA,KAAAC,KAAAC,IAAvC,cACyCN,EAAa;CAG1CQ,SAAU;EAClB,OAAOP,CAAI;CACb;AACF,GAAC,CAAAG,GAAAK,KAAAC,EAAAJ,GAAA,CAAA,GAAAH,GAAA,GAAA,KAAA,GANwCH,CAAY,CAAA,CAAAW,GAAAL,IAAAM,IAAA,cAAAC,EAAA;CAAAC,cAAA;EAAA,MAAAV,CAAA,GAAAW,EAAA,MAAA,UACnCb,CAAM,GAAAO,EAAA;CAAA;AAAA,GAAAM,EAAAH,GAAAP,GAAA,KAAA,CAAA,GAAAO,GAAA;;;ACNxB,IAAA,IAAeK"}