solid-ui 3.1.3-11 → 3.1.3-13

package/dist/components/input/Input.d.ts

@@ -1,16 +1,8 @@
-import { WebComponent } from '../../lib/components';
-export default class Input extends WebComponent {
+import { FormControlComponent } from '../../lib/components';
+export default class Input extends FormControlComponent {
     static styles: import('lit').CSSResult;
-    static formAssociated: boolean;
-    accessor label: string;
-    accessor name: string;
-    accessor value: string;
     accessor type: string;
-    accessor placeholder: string;
-    accessor required: boolean;
-    private accessor inputElement;
-    private controlTrait;
-    constructor();
+    protected accessor controlElement: HTMLInputElement | null;
     protected render(): import('lit-html').TemplateResult<1>;
     private onKeyDown;
 }

package/dist/components/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAQ9D,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,YAAY;IAC7C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,KAAK,SAAM;IAGpB,QAAQ,CAAC,IAAI,SAAM;IAGnB,QAAQ,CAAC,KAAK,SAAM;IAGpB,QAAQ,CAAC,IAAI,SAAU;IAGvB,QAAQ,CAAC,WAAW,SAAM;IAG1B,QAAQ,CAAC,QAAQ,UAAS;IAG1B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAiC;IAE9D,OAAO,CAAC,YAAY,CAAkB;;IAWtC,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;CAOlB"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAOtE,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB;IACrD,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,IAAI,SAAU;IAGvB,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAElE,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;CAOlB"}

package/dist/components/input/Input.esm.js

@@ -1,37 +1,36 @@
 import { customElement as e } from "../../lib/components/decorators.esm.js";
-import t from "../../lib/components/web-component/WebComponent.esm.js";
-import n from "../../lib/components/traits/FormControlTrait.esm.js";
+import t from "../../lib/components/form-control-component/FormControlComponent.esm.js";
 import "../../lib/components/index.esm.js";
-import r from "./Input.styles.esm.js";
-import { html as i } from "lit";
-import { property as a, query as o } from "lit/decorators.js";
+import n from "./Input.styles.esm.js";
+import { html as r } from "lit";
+import { property as i, query as a } from "lit/decorators.js";
 //#region src/components/input/Input.ts
-var s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P;
-function F(e, t, n) {
-	I(e, t), t.set(e, n);
+var o, s, c, l, u, d, f, p, m, h, g, _, v;
+function y(e, t, n) {
+	b(e, t), t.set(e, n);
 }
-function I(e, t) {
+function b(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function L(e, t, n) {
-	return e.set(z(e, t), n), n;
+function x(e, t, n) {
+	return e.set(C(e, t), n), n;
 }
-function R(e, t) {
-	return e.get(z(e, t));
+function S(e, t) {
+	return e.get(C(e, t));
 }
-function z(e, t, n) {
+function C(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 B(e, t, n) {
-	return (t = H(t)) in e ? Object.defineProperty(e, t, {
+function w(e, t, n) {
+	return (t = E(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function V(e, t, n, r, i, a) {
+function T(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -54,16 +53,16 @@ function V(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: W(function() {
+				get: O(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || W(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || O(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 = {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, k = {
 				kind: [
 					"field",
 					"accessor",
@@ -80,23 +79,23 @@ function V(e, t, n, r, i, a) {
 				}.bind(null, D)
 			};
 			try {
-				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
+				if (y) (g = c(T.call(E, C, k), "class decorators", "return")) && (C = g);
 				else {
-					var k, A;
-					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
+					var A, j;
+					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
 						return h(e), b.value;
-					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
+					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
 						return e[r];
-					}, (i < 2 || i === 4) && (A = function(e, t) {
+					}, (i < 2 || i === 4) && (j = function(e, t) {
 						e[r] = t;
 					}));
-					var j = O.access = { has: d ? m.bind() : function(e) {
+					var M = k.access = { has: d ? m.bind() : function(e) {
 						return r in e;
 					} };
-					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
+					if (A && (M.get = A), j && (M.set = j), C = T.call(E, p ? {
 						get: b.get,
 						set: b.set
-					} : b[S], O), p) {
+					} : b[S], k), p) {
 						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
 						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
 					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
@@ -120,7 +119,7 @@ function V(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 G(t) === e;
+			return k(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -134,7 +133,7 @@ function V(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 : H(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : E(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -147,11 +146,11 @@ function V(e, t, n, r, i, a) {
 		}
 	};
 }
-function H(e) {
-	var t = U(e, "string");
+function E(e) {
+	var t = D(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function U(e, t) {
+function D(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -161,7 +160,7 @@ function U(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function W(e, t, n) {
+function O(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -171,81 +170,36 @@ function W(e, t, n) {
 	} catch {}
 	return e;
 }
-function G(e) {
+function k(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 K(e) {
+function A(e) {
 	return e;
 }
-v = [e("solid-ui-input")];
-var q;
-new (N = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), P = (y = a({
+f = [e("solid-ui-input")];
+var j;
+new (_ = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), v = (p = i({
 	type: String,
 	reflect: !0
-}), x = a({
-	type: String,
-	reflect: !0
-}), C = a({ type: String }), T = a({
-	type: String,
-	reflect: !0
-}), D = a({
-	type: String,
-	reflect: !0
-}), k = a({
-	type: Boolean,
-	reflect: !0
-}), j = o("input"), "label"), c = class extends t {
-	get [P]() {
-		return R(l, this);
-	}
-	set label(e) {
-		L(l, this, e);
-	}
-	get name() {
-		return R(u, this);
+}), h = a("input"), "type"), s = class extends t {
+	constructor(...e) {
+		super(...e), y(this, c, (u(this), m(this, "text"))), y(this, l, g(this, null));
 	}
-	set name(e) {
-		L(u, this, e);
-	}
-	get value() {
-		return R(d, this);
-	}
-	set value(e) {
-		L(d, this, e);
-	}
-	get type() {
-		return R(f, this);
+	get [v]() {
+		return S(c, this);
 	}
 	set type(e) {
-		L(f, this, e);
-	}
-	get placeholder() {
-		return R(p, this);
-	}
-	set placeholder(e) {
-		L(p, this, e);
+		x(c, this, e);
 	}
-	get required() {
-		return R(m, this);
+	get controlElement() {
+		return S(l, this);
 	}
-	set required(e) {
-		L(m, this, e);
-	}
-	get inputElement() {
-		return R(h, this);
-	}
-	set inputElement(e) {
-		L(h, this, e);
-	}
-	constructor() {
-		super(), F(this, l, (g(this), b(this, ""))), F(this, u, S(this, "")), F(this, d, w(this, "")), F(this, f, E(this, "text")), F(this, p, O(this, "")), F(this, m, A(this, !1)), F(this, h, M(this, null)), B(this, "controlTrait", void 0), this.controlTrait = this.addTrait(new n(this, {
-			getControlElement: () => this.inputElement,
-			getInternals: () => this.getInternals()
-		}));
+	set controlElement(e) {
+		x(l, this, e);
 	}
 	render() {
-		return i`
+		return r`
       ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
@@ -265,48 +219,20 @@ new (N = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
 	onKeyDown(e) {
 		e.key === "Enter" && (e.preventDefault(), this.controlTrait.onSubmit());
 	}
-}, {e: [b, S, w, E, O, A, M, g], c: [q, _]} = V(c, [
-	[
-		y,
-		1,
-		"label"
-	],
-	[
-		x,
-		1,
-		"name"
-	],
-	[
-		C,
-		1,
-		"value"
-	],
-	[
-		T,
-		1,
-		"type"
-	],
-	[
-		D,
-		1,
-		"placeholder"
-	],
-	[
-		k,
-		1,
-		"required"
-	],
-	[
-		j,
-		1,
-		"inputElement"
-	]
-], v, 0, void 0, t), c), s = class extends K {
+}, {e: [m, g, u], c: [j, d]} = T(s, [[
+	p,
+	1,
+	"type"
+], [
+	h,
+	1,
+	"controlElement"
+]], f, 0, void 0, t), s), o = class extends A {
 	constructor() {
-		super(q), B(this, "styles", r), B(this, "formAssociated", !0), _();
+		super(j), w(this, "styles", n), d();
 	}
-}, B(s, N, void 0), s)();
+}, w(o, _, void 0), o)();
 //#endregion
-export { q as default };
+export { j as default };
 
 //# sourceMappingURL=Input.esm.js.map

package/dist/components/input/Input.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.esm.js","names":["customElement","WebComponent","html","property","query","FormControlTrait","styles","_classDecs","_Input","_Input2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_typeDecs","_placeholderDecs","_requiredDecs","Boolean","_inputElementDecs","_Input3","Input","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_type","_init_placeholder","_init_required","_init_inputElement","_defineProperty","controlTrait","addTrait","getControlElement","getInternals","render","renderLabel","controlId","onInput","onKeyDown","e","key","preventDefault","onSubmit","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/input/Input.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport FormControlTrait from '@/lib/components/traits/FormControlTrait'\n\nimport styles from './Input.styles.css'\n\n@customElement('solid-ui-input')\nexport default class Input extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = '';\n\n  @property({ type: String, reflect: true })\n  accessor name = '';\n\n  @property({ type: String })\n  accessor value = '';\n\n  @property({ type: String, reflect: true })\n  accessor type = 'text';\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null;\n\n  private controlTrait: FormControlTrait\n\n  constructor () {\n    super()\n\n    this.controlTrait = this.addTrait(new FormControlTrait(this, {\n      getControlElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.controlTrait.controlId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @input=${() => this.controlTrait.onInput()}\n          @keydown=${this.onKeyDown}\n        />\n      </div>\n    `\n  }\n\n  private onKeyDown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n\n      this.controlTrait.onSubmit()\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Input.esm.js","names":["customElement","FormControlComponent","html","property","query","styles","_classDecs","_Input","_Input2","_A","WeakMap","_B","_ref","_typeDecs","type","String","reflect","_controlElementDecs","_Input3","Input","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_type","_init_controlElement","_classPrivateFieldGet","v","_classPrivateFieldSet","controlElement","render","controlTrait","renderLabel","controlId","name","placeholder","required","value","onInput","onKeyDown","e","key","preventDefault","onSubmit","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/input/Input.ts"],"sourcesContent":["import { customElement, FormControlComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\n\nimport styles from './Input.styles.css'\n\n@customElement('solid-ui-input')\nexport default class Input extends FormControlComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor type = 'text';\n\n  @query('input')\n  protected accessor controlElement: HTMLInputElement | null = null;\n\n  protected render () {\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.controlTrait.controlId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @input=${() => this.controlTrait.onInput()}\n          @keydown=${this.onKeyDown}\n        />\n      </div>\n    `\n  }\n\n  private onKeyDown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n\n      this.controlTrait.onSubmit()\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIuCM,IAAA,CAEtCN,EAAc,gBAAgB,CAAC;AAAA,IAAAO;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAI7BV,EAAS;CAAEW,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCb,EAAM,OAAO,GAAC,SAAAc,IAPjB,cACmCjB,EAAqB;CAAAmB,YAAA,GAAAC,GAAA;EAIhCC,AAJgC,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,MAItC,MAAM,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAGuC,IAAI,CAAA;CAAA;CAAA,KAAAb,KAAA;EAAA,OAAAc,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAHxDK,KAAIa,GAAA;EAAAC,EAAAnB,GAAA,MAAAkB,CAAA;CAAA;CAAA,IAGME,iBAAc;EAAA,OAAAH,EAAAf,GAAA,IAAA;CAAA;CAAA,IAAdkB,eAAcF,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAEvBG,SAAU;EAClB,OAAO5B,CAAI;QACP,KAAK6B,aAAaC,YAAY,EAAC;;;;eAIxB,KAAKD,aAAaE,UAAS;iBACzB,KAAKnB,KAAI;iBACT,KAAKoB,KAAI;wBACF,KAAKC,YAAW;sBAClB,KAAKC,SAAQ;mBAChB,KAAKC,MAAK;yBACJ,KAAKN,aAAaO,QAAQ,EAAC;qBAC/B,KAAKC,UAAS;;;;CAIjC;CAEQA,UAAWC,GAAkB;EACnC,AAAIA,EAAEC,QAAQ,YACZD,EAAEE,eAAe,GAEjB,KAAKX,aAAaY,SAAS;CAE/B;AACF,GAAC,CAAAH,GAAA,CAAAhB,GAAAC,GAAAF,IAAAqB,GAAA,CAAArC,GAAAsC,MAAAC,EAAA5B,GAAA,CAAA;CAAAL;CAAA;CAAA;AAAA,GAAA;CAAAI;CAAA;CAAA;AAAA,CAAA,GAAAX,GAAA,GAAA,KAAA,GAnCkCL,CAAoB,GAAAiB,IAAA6B,IAAA,cAAAC,EAAA;CAAA5B,cAAA;EAAA,MAAAb,CAAA,GAAA0C,EAAA,MAAA,UACrC5C,CAAM,GAAAwC,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAvC,GAAA,KAAA,CAAA,GAAAuC,GAAA"}

package/dist/components/input/Input.stories.d.ts

@@ -1,10 +1,16 @@
+declare const args: {
+    label: string;
+    value: string;
+    placeholder: string;
+    type: string;
+};
 declare const meta: {
-    readonly title: "Input";
+    readonly title: "Basic UI/Input";
     readonly args: {
-        readonly label: "Name";
-        readonly value: "";
-        readonly placeholder: "Enter your name";
-        readonly type: "text";
+        label: string;
+        value: string;
+        placeholder: string;
+        type: string;
     };
     readonly argTypes: {
         readonly label: {
@@ -21,23 +27,8 @@ declare const meta: {
             readonly options: readonly ["text", "email", "password", "search", "url"];
         };
     };
+    readonly render: ({ label, value, placeholder, type }: typeof args) => import('lit-html').TemplateResult<1>;
 };
+export declare const Primary: {};
 export default meta;
-export declare const Primary: {
-    render: (args: import('../../storybook').GetStoryArgs<{
-        readonly label: {
-            readonly control: "text";
-        };
-        readonly value: {
-            readonly control: "text";
-        };
-        readonly placeholder: {
-            readonly control: "text";
-        };
-        readonly type: {
-            readonly control: "select";
-            readonly options: readonly ["text", "email", "password", "search", "url"];
-        };
-    }>) => HTMLDivElement;
-};
 //# sourceMappingURL=Input.stories.d.ts.map

package/dist/components/input/Input.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,CAAA;AAGhB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAiBA,CAAA;AAWV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAAa,CAAA"}
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI;;;;;CAKT,CAAA;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;2DAYqC,OAAO,IAAI;CAUhD,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAe,IAAI,CAAA"}

package/dist/components/input.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/input-BjCX2bFe.js";
+import { n as e, t } from "../chunks/input-CCpEhtqA.js";
 export { e as Input, t as default };

package/dist/components/login-button/LoginButton.stories.d.ts

@@ -1,14 +1,14 @@
 declare const meta: {
-    readonly title: "LoginButton";
+    readonly title: "Solid/LoginButton";
 };
 export declare const Primary: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const CustomLabel: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const CustomTrigger: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export default meta;
 //# sourceMappingURL=LoginButton.stories.d.ts.map

package/dist/components/login-button/LoginButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-button/LoginButton.stories.ts"],"names":[],"mappings":"AAGA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,eAAe,CAAA;AAEtB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"LoginButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-button/LoginButton.stories.ts"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,eAAe,CAAA;AAEtB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/login-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/login-button-Ta3tkpn4.js";
+import { n as e, t } from "../chunks/login-button-BafqiKef.js";
 export { e as LoginButton, t as default };

package/dist/components/login-modal/LoginModal.cjs.js

@@ -26,5 +26,5 @@ const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components
                 </solid-ui-dialog-footer>
             </form>
         </solid-ui-dialog>
-    `}onIssuerInputChange(e){this.issuerInputValue=e.target.value}async onSubmit(e){if(e.preventDefault(),this.failed=!1,this.issuerInputValue){this.submitting=!0;try{await this.auth.login(this.issuerInputValue)}catch(e){console.error(e),this.failed=!0}finally{this.submitting=!1}}}},{e:[b,S,w,E,O,A,g],c:[G,_]}=z(l,[[y,1,`issuerUrl`],[x,1,`issuerInputValue`],[C,1,`failed`],[T,1,`submitting`],[D,1,`auth`],[k,1,`dialog`]],v,0,void 0,n.default),l),c=class extends W{constructor(){super(G),R(this,`styles`,r.default),_()}},R(c,j,void 0),c),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return G}});
+    `}onIssuerInputChange(e){this.issuerInputValue=String(e.target.value)}async onSubmit(e){if(e.preventDefault(),this.failed=!1,this.issuerInputValue){this.submitting=!0;try{await this.auth.login(this.issuerInputValue)}catch(e){console.error(e),this.failed=!0}finally{this.submitting=!1}}}},{e:[b,S,w,E,O,A,g],c:[G,_]}=z(l,[[y,1,`issuerUrl`],[x,1,`issuerInputValue`],[C,1,`failed`],[T,1,`submitting`],[D,1,`auth`],[k,1,`dialog`]],v,0,void 0,n.default),l),c=class extends W{constructor(){super(G),R(this,`styles`,r.default),_()}},R(c,j,void 0),c),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return G}});
 //# sourceMappingURL=LoginModal.cjs.js.map

package/dist/components/login-modal/LoginModal.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginModal.cjs.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = (e.target as Combobox).value\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n"],"mappings":"8xJAiB4CY,EAAA,CAE3CZ,EAAAA,cAAc,sBAAsB,CAAC,EAAA,IAAAa,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAJ,QAAAK,EAAA,IAAAL,QAAAM,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAI1B,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGnC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAACC,GAAAA,EAAAA,EAAAA,QAAAA,CAGC,CAAEC,QAASvB,EAAAA,YAAawB,UAAW,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAG5C,iBAAiB,EAAC,aAAAC,EAnB3B,cACwCjC,EAAAA,OAAa,CAAAmC,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAvB,GAAAwB,EAAA,IAAA,EAAAC,EAAA,KAI9B,EAAE,EAAA,EAAAF,EAAA,KAAArB,EAAAwB,EAAA,KAGa,EAAE,CAAA,EAAAH,EAAA,KAAApB,EAAAwB,EAAA,KAGH,EAAK,CAAA,EAAAJ,EAAA,KAAAnB,EAAAwB,EAAA,KAGD,EAAK,CAAA,EAAAL,EAAA,KAAAlB,EAAAwB,EAAA,KAGPnC,EAAAA,oBAAoB,CAAA,EAAA6B,EAAA,KAAAjB,EAAAwB,EAAA,KAGhB,IAAI,CAAA,CAAA,CAAA,IAAAvB,IAAA,CAAA,OAAAwB,EAAA/B,EAAA,IAAA,CAAA,CAAA,IAfpCgC,UAASC,EAAA,CAAAC,EAAAlC,EAAA,KAAAiC,CAAA,CAAA,CAAA,IAGDE,kBAAgB,CAAA,OAAAJ,EAAA7B,EAAA,IAAA,CAAA,CAAA,IAAhBiC,iBAAgBF,EAAA,CAAAC,EAAAhC,EAAA,KAAA+B,CAAA,CAAA,CAAA,IAGhBG,QAAM,CAAA,OAAAL,EAAA5B,EAAA,IAAA,CAAA,CAAA,IAANiC,OAAMH,EAAA,CAAAC,EAAA/B,EAAA,KAAA8B,CAAA,CAAA,CAAA,IAGNI,YAAU,CAAA,OAAAN,EAAA3B,EAAA,IAAA,CAAA,CAAA,IAAViC,WAAUJ,EAAA,CAAAC,EAAA9B,EAAA,KAAA6B,CAAA,CAAA,CAAA,IAGVK,MAAI,CAAA,OAAAP,EAAA1B,EAAA,IAAA,CAAA,CAAA,IAAJiC,KAAIL,EAAA,CAAAC,EAAA7B,EAAA,KAAA4B,CAAA,CAAA,CAAA,IAGJM,QAAM,CAAA,OAAAR,EAAAzB,EAAA,IAAA,CAAA,CAAA,IAANiC,OAAMN,EAAA,CAAAC,EAAA5B,EAAA,KAAA2B,CAAA,CAAA,CAEvBO,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKL,iBAAoB,OAAOM,aAAiB,KAAeA,aAAaC,QAAQ,aAAa,GAAM,KAAKV,WAAa,EAC5H,CAEUW,QAAU,CAClB,IAAMC,GAAAA,EAAAA,EAAAA,oBAAAA,CAAuC,EAE7C,MAAOzD,GAAAA,IAAI;;4BAEa,KAAK0D,SAAQ;;gFAEuC,KAAKV,iBAAgB,UAAW,KAAKW,oBAAmB;0BAC9GF,EAAiBG,IAAIC,GAAU7D,EAAAA,IAAI,oCAAoC6D,EAAOC,IAAG,IAAKD,EAAOE,KAAI,4BAA6B,EAAC;;;sBAGnI,KAAKd,OAASjD,EAAAA,IAAI,oDAAsDC,EAAAA,QAAO;;;;;;sCAM7D,KAAKmD,QAAQY,MAAM,EAAC;;;;;oCAKxB,CAAC,KAAKhB,kBAAoB,KAAKE,WAAU;mCAC1C,KAAKA,WAAU;;;;;;;;KAShD,CAEQS,oBAAqBM,EAAU,CACrC,KAAKjB,iBAAoBiB,EAAEC,OAAoBC,KACjD,CAEA,MAAcT,SAAUO,EAAU,CAChCA,KAAEG,eAAe,EAEjB,KAAKnB,OAAS,GAET,KAAKD,iBAIV,MAAKE,WAAa,GAElB,GAAI,CACF,MAAM,KAAKC,KAAKkB,MAAM,KAAKrB,gBAAgB,CAC7C,OAASsB,EAAO,CACdC,QAAQD,MAAMA,CAAK,EAEnB,KAAKrB,OAAS,EAChB,QAAU,CACR,KAAKC,WAAa,EACpB,CAVkB,CAWpB,CACF,EAAC,CAAAe,EAAA,CAAA3B,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAN,GAAAmC,EAAA,CAAA7D,EAAA8D,IAAAC,EAAA1C,EAAA,CAAA,CAAAX,EAAA,EAAA,WAAA,EAAA,CAAAI,EAAA,EAAA,kBAAA,EAAA,CAAAC,EAAA,EAAA,QAAA,EAAA,CAAAC,EAAA,EAAA,YAAA,EAAA,CAAAC,EAAA,EAAA,MAAA,EAAA,CAAAG,EAAA,EAAA,QAAA,CAAA,EAAArB,EAAA,EAAA,IAAA,GAtFuCX,EAAAA,OAAY,EAAAiC,GAAA2C,EAAA,cAAAC,CAAA,CAAA1C,aAAA,CAAA,MAAAvB,CAAA,EAAAkE,EAAA,KAAA,SAClCpE,EAAAA,OAAM,EAAAgE,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAA/D,EAAA,IAAA,EAAA,EAAA+D"}
+{"version":3,"file":"LoginModal.cjs.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = String((e.target as Combobox).value)\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/login-modal/LoginModal.esm.js

@@ -272,7 +272,7 @@ new (F = (m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g =
     `;
 	}
 	onIssuerInputChange(e) {
-		this.issuerInputValue = e.target.value;
+		this.issuerInputValue = String(e.target.value);
 	}
 	async onSubmit(e) {
 		if (e.preventDefault(), this.failed = !1, this.issuerInputValue) {

package/dist/components/login-modal/LoginModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginModal.esm.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = (e.target as Combobox).value\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"LoginModal.esm.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = String((e.target as Combobox).value)\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/login-modal/LoginModal.stories.d.ts

@@ -1,14 +1,22 @@
 declare const meta: {
-    readonly title: "Login Modal";
+    readonly title: "Solid/Login Modal";
+    readonly parameters: {
+        readonly docs: {
+            readonly source: {
+                readonly language: "ts";
+                readonly code: "\n            import { showDialog } from 'solid-ui';\n            import LoginModal from 'solid-ui/components/login-modal';\n\n            await showDialog<LoginModal>(html`<solid-ui-login-modal></solid-ui-login-modal>`);\n        ";
+            };
+        };
+    };
 };
-export default meta;
 export declare const Primary: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const Loading: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const Failed: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
+export default meta;
 //# sourceMappingURL=LoginModal.stories.d.ts.map

package/dist/components/login-modal/LoginModal.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-modal/LoginModal.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAI5B,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;CAInB,CAAA;AAED,eAAO,MAAM,OAAO;;CASnB,CAAA;AAED,eAAO,MAAM,MAAM;;CASlB,CAAA"}
+{"version":3,"file":"LoginModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-modal/LoginModal.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAI5B,QAAA,MAAM,IAAI;;;;;;;;;;CAeA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAInB,CAAA;AAED,eAAO,MAAM,OAAO;;CASnB,CAAA;AAED,eAAO,MAAM,MAAM;;CASlB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/login-modal.js

@@ -1,2 +1,2 @@
-import { i as e, r as t } from "../chunks/auth-D8B5yczR.js";
+import { i as e, r as t } from "../chunks/auth-Knq99zZ9.js";
 export { e as LoginModal, t as default };

package/dist/components/logout-button/LogoutButton.stories.d.ts

@@ -1,14 +1,14 @@
 declare const meta: {
-    readonly title: "LogoutButton";
+    readonly title: "Solid/LogoutButton";
 };
 export declare const Primary: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const CustomLabel: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const CustomTrigger: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export default meta;
 //# sourceMappingURL=LogoutButton.stories.d.ts.map

package/dist/components/logout-button/LogoutButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/logout-button/LogoutButton.stories.ts"],"names":[],"mappings":"AAGA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"LogoutButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/logout-button/LogoutButton.stories.ts"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/logout-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/logout-button-Db6VmUmJ.js";
+import { n as e, t } from "../chunks/logout-button-D54NF9EW.js";
 export { e as LogoutButton, t as default };