solid-ui 3.1.3-9 → 5.0.0-0

package/dist/components/select/Select.d.ts

@@ -1,15 +1,18 @@
-import { WebComponent } from '../../lib/components';
-export default class Select extends WebComponent {
+import { FormControlComponent } from '../../lib/components';
+export type SelectOptionData = {
+    value: unknown;
+    label: string;
+};
+export type SelectChangeEvent = CustomEvent<{
+    option: SelectOptionData;
+}>;
+export default class Select extends FormControlComponent {
     static styles: import('lit').CSSResult;
-    static formAssociated: boolean;
-    accessor label: string;
-    accessor name: string;
-    accessor value: string;
-    accessor required: boolean;
-    accessor inputElement: HTMLSelectElement | null;
-    private inputTrait;
-    constructor();
+    set options(value: SelectOptionData[] | null);
+    get options(): SelectOptionData[];
+    protected accessor controlElement: HTMLSelectElement | null;
+    private accessor _options;
     protected render(): import('lit-html').TemplateResult<1>;
-    private getOptions;
+    private onChange;
 }
 //# sourceMappingURL=Select.d.ts.map

package/dist/components/select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAM9D,OAAO,4BAA4B,CAAA;AAKnC,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,YAAY;IAC9C,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,QAAQ,UAAS;IAG1B,QAAQ,CAAC,YAAY,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEvD,OAAO,CAAC,UAAU,CAAY;;IAW9B,SAAS,CAAC,MAAM;IA0BhB,OAAO,CAAC,UAAU;CAUnB"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAMtE,OAAO,4BAA4B,CAAA;AAInC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC;IAAE,MAAM,EAAE,gBAAgB,CAAA;CAAE,CAAC,CAAA;AAGzE,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB;IACtD,MAAM,CAAC,MAAM,0BAAS;IAEtB,IACI,OAAO,CAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAE5C;IAED,IAAI,OAAO,IAAK,gBAAgB,EAAE,CAajC;IAGD,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAGnE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkC;IAE3D,SAAS,CAAC,MAAM;IA+BhB,OAAO,CAAC,QAAQ;CAOjB"}

package/dist/components/select/Select.esm.js

@@ -1,38 +1,38 @@
 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/InputTrait.esm.js";
+import t from "../../lib/components/form-control-component/FormControlComponent.esm.js";
 import "../../lib/components/index.esm.js";
 import "../../_virtual/~icons/lucide/chevron-down.esm.js";
+import { isEmptyValue as n } from "../../lib/values.esm.js";
 import r from "./Select.styles.esm.js";
-import { html as i } from "lit";
-import { property as a, query as o } from "lit/decorators.js";
+import { html as i, nothing as a } from "lit";
+import { property as o, query as s, state as c } from "lit/decorators.js";
 //#region src/components/select/Select.ts
-var s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O;
-function k(e, t, n) {
-	A(e, t), t.set(e, n);
+var l, u, d, f, p, m, h, g, _, v, y, b, x, S;
+function C(e, t, n) {
+	w(e, t), t.set(e, n);
 }
-function A(e, t) {
+function w(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function j(e, t, n) {
-	return e.set(N(e, t), n), n;
+function T(e, t, n) {
+	return e.set(D(e, t), n), n;
 }
-function M(e, t) {
-	return e.get(N(e, t));
+function E(e, t) {
+	return e.get(D(e, t));
 }
-function N(e, t, n) {
+function D(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 P(e, t, n) {
-	return (t = I(t)) in e ? Object.defineProperty(e, t, {
+function O(e, t, n) {
+	return (t = A(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function F(e, t, n, r, i, a) {
+function k(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -55,13 +55,13 @@ function F(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: R(function() {
+				get: M(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || R(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || M(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 = {
@@ -121,7 +121,7 @@ function F(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 z(t) === e;
+			return N(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -135,7 +135,7 @@ function F(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 : I(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : A(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -148,11 +148,11 @@ function F(e, t, n, r, i, a) {
 		}
 	};
 }
-function I(e) {
-	var t = L(e, "string");
+function A(e) {
+	var t = j(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function L(e, t) {
+function j(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -162,7 +162,7 @@ function L(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function R(e, t, n) {
+function M(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -172,73 +172,56 @@ function R(e, t, n) {
 	} catch {}
 	return e;
 }
-function z(e) {
+function N(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 B(e) {
+function P(e) {
 	return e;
 }
-g = [e("solid-ui-select")];
-var V;
-new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), O = (_ = a({
-	type: String,
-	reflect: !0
-}), y = a({
-	type: String,
-	reflect: !0
-}), x = a({ type: String }), C = a({
-	type: Boolean,
-	reflect: !0
-}), T = o("select"), "label"), c = class extends t {
-	get [O]() {
-		return M(l, this);
+h = [e("solid-ui-select")];
+var F;
+new (x = (d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), S = (g = o({ type: Array }), _ = s("select"), y = c(), "options"), u = class extends t {
+	constructor(...e) {
+		super(...e), C(this, d, (p(this), v(this, null))), C(this, f, b(this, null));
 	}
-	set label(e) {
-		j(l, this, e);
+	set [S](e) {
+		this._options = e;
 	}
-	get name() {
-		return M(u, this);
-	}
-	set name(e) {
-		j(u, this, e);
-	}
-	get value() {
-		return M(d, this);
-	}
-	set value(e) {
-		j(d, this, e);
-	}
-	get required() {
-		return M(f, 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) {
-		j(f, this, e);
+	get controlElement() {
+		return E(d, this);
 	}
-	get inputElement() {
-		return M(p, this);
+	set controlElement(e) {
+		T(d, this, e);
 	}
-	set inputElement(e) {
-		j(p, this, e);
+	get _options() {
+		return E(f, this);
 	}
-	constructor() {
-		super(), k(this, l, (m(this), v(this, ""))), k(this, u, b(this, "")), k(this, d, S(this, "")), k(this, f, w(this, !1)), k(this, p, E(this, null)), P(this, "inputTrait", void 0), this.inputTrait = this.addTrait(new n(this, {
-			getInputElement: () => this.inputElement,
-			getInternals: () => this.getInternals()
-		}));
+	set _options(e) {
+		T(f, this, e);
 	}
 	render() {
+		let e = this.options.some((e) => n(e.value)) ? a : i`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
 		return i`
-      ${this.inputTrait.renderLabel()}
+      ${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
+          ${e}
+          ${this.options.map((e) => i`<option
                 .value=${e.value}
                 ?selected=${e.value === this.value}
               >
@@ -249,45 +232,36 @@ new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
       </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: [v, b, S, w, E, m], c: [V, h]} = F(c, [
+}, {e: [v, b, p], c: [F, m]} = k(u, [
 	[
-		_,
-		1,
-		"label"
+		g,
+		4,
+		"options"
 	],
 	[
-		y,
-		1,
-		"name"
-	],
-	[
-		x,
-		1,
-		"value"
-	],
-	[
-		C,
+		_,
 		1,
-		"required"
+		"controlElement"
 	],
 	[
-		T,
+		y,
 		1,
-		"inputElement"
+		"_options"
 	]
-], g, 0, void 0, t), c), s = class extends B {
+], h, 0, void 0, t), u), l = class extends P {
 	constructor() {
-		super(V), P(this, "styles", r), P(this, "formAssociated", !0), h();
+		super(F), O(this, "styles", r), m();
 	}
-}, P(s, D, void 0), s)();
+}, O(l, x, void 0), l)();
 //#endregion
-export { V as default };
+export { F as default };
 
 //# sourceMappingURL=Select.esm.js.map

package/dist/components/select/Select.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.esm.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_inputElementDecs","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","getOptions","map","option","options","querySelectorAll","Array","from","textContent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\n@customElement('solid-ui-select')\nexport default class Select 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: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('select')\n  accessor inputElement: HTMLSelectElement | null = null;\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.inputTrait.inputId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${() => this.inputTrait.onInput()}\n        >\n          ${this.getOptions().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 getOptions (): { value: string; label: string }[] {\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,kBAAA,IAAAH,QAAA,GAAAI,kBAAA,IAAAJ,QAAA,GAAAK,KAAAC,IAK9Bd,EAAS;CAAEe,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzClB,EAAS;CAAEe,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACE,IAGzCnB,EAAS,EAAEe,MAAMC,OAAO,CAAC,GAACI,IAG1BpB,EAAS;CAAEe,MAAMM;CAASJ,SAAS;AAAK,CAAC,GAACK,IAG1CrB,EAAM,QAAQ,GAAC,UAAAsB,IAjBlB,cACoCzB,EAAa;CAAA,KAAAe,KAAA;EAAA,OAAAY,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAKtCmB,MAAKC,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAAA,IAGLE,OAAI;EAAA,OAAAJ,EAAAhB,GAAA,IAAA;CAAA;CAAA,IAAJoB,KAAIF,GAAA;EAAAC,EAAAnB,GAAA,MAAAkB,CAAA;CAAA;CAAA,IAGJG,QAAK;EAAA,OAAAL,EAAAf,GAAA,IAAA;CAAA;CAAA,IAALoB,MAAKH,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAAA,IAGLI,WAAQ;EAAA,OAAAN,EAAAd,GAAA,IAAA;CAAA;CAAA,IAARoB,SAAQJ,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAAA,IAGRK,eAAY;EAAA,OAAAP,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAZoB,aAAYL,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAIrBM,cAAe;EAGb,AAFA,MAAM,GAACC,EAAA,MAAA3B,IAAA4B,EAAA,IAAA,GAAAC,EAAA,MAjBQ,EAAE,EAAA,GAAAF,EAAA,MAAAzB,GAAA4B,EAAA,MAGH,EAAE,CAAA,GAAAH,EAAA,MAAAxB,GAAA4B,EAAA,MAGD,EAAE,CAAA,GAAAJ,EAAA,MAAAvB,GAAA4B,EAAA,MAGC,EAAK,CAAA,GAAAL,EAAA,MAAAtB,GAAA4B,EAAA,MAGyB,IAAI,CAAA,GAAAC,EAAA,MAAA,cAAA,KAAA,CAAA,GAOpD,KAAKC,aAAa,KAAKC,SAAS,IAAIzC,EAAW,MAAM;GACnD0C,uBAAuB,KAAKZ;GAC5Ba,oBAAoB,KAAKA,aAAa;EACxC,CAAC,CAAC;CACJ;CAEUC,SAAU;EAClB,OAAO/C,CAAI;QACP,KAAK2C,WAAWK,YAAY,EAAC;;;;gBAIrB,KAAKL,WAAWM,QAAO;iBACtB,KAAKnB,KAAI;sBACJ,KAAKE,SAAQ;0BACT,KAAKW,WAAWO,QAAQ,EAAC;;YAEvC,KAAKC,WAAW,CAAC,CAACC,KACjBC,MACCrD,CAAI;yBACOqD,EAAOtB,MAAK;4BACTsB,EAAOtB,UAAU,KAAKA,MAAK;;kBAErCsB,EAAO1B,MAAK;wBAEpB,EAAC;;;;;CAKT;CAEQwB,aAAkD;EACxD,IAAMG,IAAU,KAAKC,iBACnB,wBACF;EAEA,OAAOC,MAAMC,KAAKH,CAAO,CAAC,CAACF,KAAKC,OAAY;GAC1CtB,OAAOsB,EAAOtB;GACdJ,OAAO0B,EAAOK;EAChB,EAAE;CACJ;AACF,GAAC,CAAAC,GAAA,CAAAtB,GAAAC,GAAAC,GAAAC,GAAAC,GAAAL,IAAAwB,GAAA,CAAAtD,GAAAuD,MAAAC,EAAAtC,GAAA;CAAA;EAAAT;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAlB,GAAA,GAAA,KAAA,GAlEmCN,CAAY,GAAAyB,IAAAuC,IAAA,cAAAC,EAAA;CAAA9B,cAAA;EAAA,MAAA5B,CAAA,GAAAoC,EAAA,MAAA,UAC9BtC,CAAM,GAAAsC,EAAA,MAAA,kBACE,EAAI,GAAAmB,EAAA;CAAA;AAAA,GAAAnB,EAAAqB,GAAAxD,GAAA,KAAA,CAAA,GAAAwD,GAAA"}
+{"version":3,"file":"Select.esm.js","names":["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"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQwCS,IAAA,CASvCT,EAAc,iBAAiB,CAAC;AAAA,IAAAU;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAI9BZ,EAAS,EAAEa,MAAMC,MAAM,CAAC,GAACC,IAoBzBd,EAAM,QAAQ,GAACe,IAGfd,EAAM,GAAC,YAAAe,IA3BV,cACoCpB,EAAqB;CAAAsB,YAAA,GAAAC,GAAA;EAwBWC,AAxBX,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,MAwBO,IAAI,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAGX,IAAI,CAAA;CAAA;CAxB3D,KAAAb,GACac,GAAkC;EAC7C,KAAKC,WAAWD;CAClB;CAEA,IAAIE,UAA+B;EACjC,IAAI,KAAKD,UACP,OAAO,KAAKA;EAGd,IAAMC,IAAU,KAAKC,iBACnB,wBACF;EAEA,OAAOd,MAAMe,KAAKF,CAAO,CAAC,CAACG,KAAKC,OAAY;GAC1CN,OAAOM,EAAON;GACdO,OAAOD,EAAOE;EAChB,EAAE;CACJ;CAAC,IAGkBC,iBAAc;EAAA,OAAAC,EAAA3B,GAAA,IAAA;CAAA;CAAA,IAAd0B,eAAcE,GAAA;EAAAC,EAAA7B,GAAA,MAAA4B,CAAA;CAAA;CAAA,IAGhBV,WAAQ;EAAA,OAAAS,EAAAzB,GAAA,IAAA;CAAA;CAAA,IAARgB,SAAQU,GAAA;EAAAC,EAAA3B,GAAA,MAAA0B,CAAA;CAAA;CAEfE,SAAU;EAClB,IAAMC,IAAgB,KAAKZ,QAAQa,MAAKT,MAAU5B,EAAa4B,EAAON,KAAK,CAAC,IACxE1B,IACAD,CAAI,uCAAuC,CAAC,KAAK2B,MAAK;EAE1D,OAAO3B,CAAI;QACP,KAAK2C,aAAaC,YAAY,EAAC;;;;gBAIvB,KAAKD,aAAaE,UAAS;iBAC1B,KAAKC,KAAI;sBACJ,KAAKC,SAAQ;oBACf,KAAKC,SAAQ;;YAErBP,EAAa;YACb,KAAKZ,QAAQG,KACZC,MACCjC,CAAI;yBACOiC,EAAON,MAAK;4BACTM,EAAON,UAAU,KAAKA,MAAK;;kBAErCM,EAAOC,MAAK;wBAEpB,EAAC;;;;;CAKT;CAEQc,WAAY;EAClB,IAAMrB,IAAQ,KAAKS,gBAAgBT,SAAS,MACtCM,IAAS,KAAKJ,QAAQoB,MAAMhB,MAAWA,EAAON,UAAUA,CAAK;EAGnE,AADA,KAAKgB,aAAaO,SAASvB,CAAK,GAChC,KAAKwB,cAAc,IAAIC,YAAY,UAAU;GAAEC,SAAS;GAAMC,UAAU;GAAMC,QAAQ,EAAEtB,UAAO;EAAE,CAAC,CAAC;CACrG;AACF,GAAC,CAAAuB,GAAA,CAAA/B,GAAAC,GAAAF,IAAAiC,GAAA,CAAAjD,GAAAkD,MAAAC,EAAAxC,GAAA;CAAA;EAAAL;EAAA;EAAA;CAAA;CAAA;EAAAG;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAAX,GAAA,GAAA,KAAA,GAnEmCR,CAAoB,GAAAoB,IAAAyC,IAAA,cAAAC,EAAA;CAAAxC,cAAA;EAAA,MAAAb,CAAA,GAAAsD,EAAA,MAAA,UACtCxD,CAAM,GAAAoD,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAnD,GAAA,KAAA,CAAA,GAAAmD,GAAA"}

package/dist/components/select/Select.stories.d.ts

@@ -1,8 +1,12 @@
+declare const args: {
+    label: string;
+    options: string;
+};
 declare const meta: {
-    readonly title: "Select";
+    readonly title: "Basic UI/Select";
     readonly args: {
-        readonly label: "What is the best food?";
-        readonly options: "Pizza, Ramen, Tacos";
+        label: string;
+        options: string;
     };
     readonly argTypes: {
         readonly label: {
@@ -12,16 +16,8 @@ declare const meta: {
             readonly control: "text";
         };
     };
+    readonly render: ({ label, options }: 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 options: {
-            readonly control: "text";
-        };
-    }>) => HTMLDivElement;
-};
 //# sourceMappingURL=Select.stories.d.ts.map

package/dist/components/select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.stories.ts"],"names":[],"mappings":"AAGA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAUA,CAAA;AAYV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;;;;;;;;CAAa,CAAA"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.stories.ts"],"names":[],"mappings":"AAEA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI;;;CAGT,CAAA;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;0CAOoB,OAAO,IAAI;CAa/B,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAe,IAAI,CAAA"}

package/dist/components/select/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["Select"],"sources":["../../../src/components/select/index.ts"],"sourcesContent":["import Select from './Select'\n\nexport { Select }\nexport default Select\n"],"mappings":"kIAGA,IAAA,EAAeA,EAAAA"}
+{"version":3,"file":"index.cjs.js","names":["Select"],"sources":["../../../src/components/select/index.ts"],"sourcesContent":["import Select from './Select'\n\nexport * from './Select'\nexport { Select }\nexport default Select\n"],"mappings":"kIAIA,IAAA,EAAeA,EAAAA"}

package/dist/components/select/index.d.ts

@@ -1,4 +1,5 @@
 import { default as Select } from './Select';
+export * from './Select';
 export { Select };
 export default Select;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}

package/dist/components/select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":["Select"],"sources":["../../../src/components/select/index.ts"],"sourcesContent":["import Select from './Select'\n\nexport { Select }\nexport default Select\n"],"mappings":";;AAGA,IAAA,IAAeA"}
+{"version":3,"file":"index.esm.js","names":["Select"],"sources":["../../../src/components/select/index.ts"],"sourcesContent":["import Select from './Select'\n\nexport * from './Select'\nexport { Select }\nexport default Select\n"],"mappings":";;AAIA,IAAA,IAAeA"}

package/dist/components/select-option/SelectOption.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.cjs.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"],"sources":["../../../src/components/select-option/SelectOption.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"],"mappings":"ipIAE4CK,EAAA,CAE3CL,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAE5B,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAAC,SAM3CY,EAAAX,cAPyCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAEpC,EAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAVc,MAAKC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEJE,QAAU,CAClB,MAAOtB,GAAAA,IAAI,GAAGC,EAAAA,SAChB,CACF,EAAC,CAAAuB,EAAA,CAAAP,EAAAD,GAAAS,EAAA,CAAArB,EAAAsB,IAAAC,EAAAJ,EAAA,CAAA,CAAAf,EAAA,EAAA,OAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAPyCJ,EAAAA,OAAY,EAAA2B,EAAA"}
+{"version":3,"file":"SelectOption.cjs.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"],"sources":["../../../src/components/select-option/SelectOption.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"],"mappings":"ipIAE4CK,EAAA,CAE3CL,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAErCN,EAAAA,SAAAA,CAAS,CAAEO,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAAC,SAM3CY,EAAAX,cAPyCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAEpC,EAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAVc,MAAKC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEJE,QAAU,CAClB,MAAOtB,GAAAA,IAAI,GAAGC,EAAAA,SAChB,CACF,EAAC,CAAAuB,EAAA,CAAAP,EAAAD,GAAAS,EAAA,CAAArB,EAAAsB,IAAAC,EAAAJ,EAAA,CAAA,CAAAf,EAAA,EAAA,OAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAPyCJ,EAAAA,OAAY,EAAA2B,EAAA"}

package/dist/components/select-option.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/select-option-B-6ULCpQ.js";
+import { n as e, t } from "../chunks/select-option-B0uXcj2O.js";
 export { e as SelectOption, t as default };

package/dist/components/select.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/select-D8dW53pr.js";
+import { n as e, t } from "../chunks/select-BcC-ICqO.js";
 export { e as Select, t as default };

package/dist/components/signup-button/SignupButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignupButton.cjs.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"],"sources":["../../../src/components/signup-button/SignupButton.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"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,QAAAA,CAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}
+{"version":3,"file":"SignupButton.cjs.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"],"sources":["../../../src/components/signup-button/SignupButton.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"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAErCT,EAAAA,QAAAA,CAAQ,CAAEU,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}

package/dist/components/signup-button/SignupButton.stories.d.ts

@@ -1,14 +1,14 @@
 declare const meta: {
-    readonly title: "SignupButton";
+    readonly title: "Solid/SignupButton";
 };
 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=SignupButton.stories.d.ts.map

package/dist/components/signup-button/SignupButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignupButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/signup-button/SignupButton.stories.ts"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,CAAA;AAEhC,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":"SignupButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/signup-button/SignupButton.stories.ts"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAA;AAEhC,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/signup-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/signup-button-Df4rYzNO.js";
+import { n as e, t } from "../chunks/signup-button-14Bh_nyp.js";
 export { e as SignupButton, t as default };

package/dist/components/solid-emblem.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/solid-emblem-BDzhMTjL.js";
+import { n as e, t } from "../chunks/solid-emblem-CcQOqRX0.js";
 export { e as SolidEmblem, t as default };

package/dist/components.js

@@ -1,25 +1,27 @@
-import "./chunks/auth-DIRGfFle.js";
-import "./chunks/dialog-Bn4qiZi-.js";
-import "./chunks/dialog-header-CWIAAoDo.js";
-import "./chunks/button-CBQEwOtX.js";
-import "./chunks/dialog-content-fdJrkCyB.js";
-import "./chunks/dialog-footer-Bs_p2Nn9.js";
-import "./chunks/combobox-B7a6BjQr.js";
-import "./chunks/combobox-option-DiR3VpyT.js";
-import "./chunks/avatar-CLJz6mOV.js";
-import "./chunks/login-button-ChyF_OoC.js";
-import "./chunks/logout-button-BRPS8630.js";
-import "./chunks/menu-item-CWg-eS4V.js";
-import "./chunks/menu-DNcuV-1J.js";
-import "./chunks/signup-button-Df4rYzNO.js";
-import "./chunks/account-CWY924jw.js";
+import "./chunks/auth-DdvFEHuV.js";
+import "./chunks/dialog-D9Ellvjx.js";
+import "./chunks/dialog-header-0dobhr5C.js";
+import "./chunks/button-CnmrOsEf.js";
+import "./chunks/dialog-content-B2FmmQvH.js";
+import "./chunks/dialog-footer-CxjoqQJF.js";
+import "./chunks/combobox-D3eGdicW.js";
+import "./chunks/combobox-option-BcXpUnWu.js";
+import "./chunks/dialogs-root-ngPW2Q6K.js";
+import "./chunks/provider-BJ8rXsnl.js";
+import "./chunks/avatar-3eUQtxXZ.js";
+import "./chunks/login-button-Boh1eEJ5.js";
+import "./chunks/logout-button-BJfE_daI.js";
+import "./chunks/menu-item-BdCkmJol.js";
+import "./chunks/menu-hMtmUkel.js";
+import "./chunks/signup-button-14Bh_nyp.js";
+import "./chunks/account-CWdjQDsQ.js";
 import "./components/dialog-provider.js";
-import "./chunks/dialogs-root-Cv932Aqm.js";
-import "./chunks/footer-kVa_uMeQ.js";
-import "./chunks/guard-Cxl9QbaG.js";
-import "./chunks/input-BF224Jid.js";
-import "./chunks/photo-capture-tiBsdSbA.js";
-import "./chunks/provider-D0RqwRoM.js";
-import "./chunks/select-D8dW53pr.js";
-import "./chunks/select-option-B-6ULCpQ.js";
-import "./chunks/solid-emblem-BDzhMTjL.js";
+import "./chunks/guard-6zSfmr4k.js";
+import "./chunks/input-BIhn_8nf.js";
+import "./chunks/photo-capture-modal-BhmL3kYD.js";
+import "./chunks/photo-capture-Bvixtxsq.js";
+import "./chunks/rdf-input-Dsbbxbva.js";
+import "./chunks/rdf-form-PagO7EXg.js";
+import "./chunks/select-BcC-ICqO.js";
+import "./chunks/select-option-B0uXcj2O.js";
+import "./chunks/solid-emblem-CcQOqRX0.js";

package/dist/create/create.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../lib/ns.cjs.js"),t=require("../utils/label.cjs.js");require("../utils/index.cjs.js");const n=require("../lib/debug.cjs.js"),r=require("../lib/iconBase.cjs.js"),i=require("../widgets/buttons.cjs.js");require("../widgets/index.cjs.js");const a=require("../login/login.cjs.js");var o=require("solid-logic").solidLogicSingleton.store;function s(s,c,l){let u=s.dom,d=s.div;if(s.me&&!s.me.uri)throw Error(`newThingUI:  Invalid userid: `+s.me);let f=`padding: 0.7em; width: 2em; height: 2em;`,p=d.appendChild(u.createElement(`img`)),m=!1;p.setAttribute(`src`,r.icons.iconBase+`noun_34653_green.svg`),p.setAttribute(`style`,f),p.setAttribute(`title`,`Add another tool`);let h=function(e){let t=d.appendChild(u.createElement(`pre`));t.setAttribute(`style`,`background-color: pink`),t.appendChild(u.createTextNode(e))};function g(e){for(let t=0;t<b.length;t++){let n=f+e;b[t].disabled&&(n+=`opacity: 0.3;`),b[t].setAttribute(`style`,n)}}function _(e){g(`display: none;`),e.setAttribute(`style`,`padding: 0.7em; width: 2em; height: 2em;background-color: yellow;`)}function v(e){m=!m,p.setAttribute(`style`,f+(m?`background-color: yellow;`:``)),g(m?``:`display: none;`)}p.addEventListener(`click`,v);function y(r){return new Promise(function(l,d){let f;function p(t,i){a.ensureLoadedProfile(s).then(a=>{let s=Object.assign({newBase:i,folder:r.folder||void 0,workspace:t},r);for(let e in r)s[e]=r[e];n.log(`newThingUI: Minting new ${s.pane.name} at ${s.newBase}`),r.pane.mintNew(c,s).then(function(t){if(!t||!t.newInstance)throw Error(`Cannot mint new - missing newInstance`);if(t.folder){let r=t.newInstance.uri.slice(t.folder.uri.length).includes(`/`);n.log(`  new thing is packge? `+r),r?o.add(t.folder,e.default.ldp(`contains`),o.sym(t.newBase),t.folder.doc()):o.add(t.folder,e.default.ldp(`contains`),t.newInstance,t.folder.doc()),t.refreshTarget&&t.refreshTarget.refresh&&t.refreshTarget.refresh()}else{let e=r.div.appendChild(u.createElement(`p`));e.setAttribute(`style`,`font-size: 120%;`),e.innerHTML=`Your <a target='_blank' href='`+t.newInstance.uri+`'><b>new `+r.noun+`</b></a> is ready to be set up. <br/><br/><a target='_blank' href='`+t.newInstance.uri+`'>Go to your new `+r.noun+`.</a>`}v()}).catch(function(e){h(e),d(e)})},e=>{h(`Error logging on: `+e)})}let m=r.pane;r.noun=m.mintClass?t.label(m.mintClass):m.name,r.appPathSegment=r.noun.slice(0,1).toUpperCase()+r.noun.slice(1),r.folder?i.askName(u,o,r.div,e.default.foaf(`name`),null,r.noun).then(function(e){if(!e)v();else{let t=r.folder.uri;t.endsWith(`/`)||(t+=`/`),t=t+encodeURIComponent(e)+`/`,p(null,t)}}):(f=a.selectWorkspace(u,{noun:r.noun,appPathSegment:r.appPathSegment},p),r.div.appendChild(f))})}let b=[],x=Object.values(l).filter(e=>e.mintNew),S=x.reduce((e,t)=>(t.mintClass&&(e[t.mintClass.uri]=(e[t.mintClass.uri]||0)+1),e),{});x.forEach(e=>{let n=s.div.appendChild(u.createElement(`img`));n.setAttribute(`src`,e.icon);let r=e.mintClass?S[e.mintClass.uri]>1?`${t.label(e.mintClass)} (using ${e.name} pane)`:t.label(e.mintClass):e.name+` @@`;n.setAttribute(`title`,`Make new `+r),n.setAttribute(`style`,`padding: 0.7em; width: 2em; height: 2em;display: none;`),b.push(n),n.disabled||n.addEventListener(`click`,function(t){_(n),y({event:t,folder:s.folder||null,iconEle:n,pane:e,noun:r,noIndexHTML:!0,div:s.div,me:s.me,dom:s.dom,refreshTarget:s.refreshTarget})})})}exports.newThingUI=s;
+const e=require("../lib/ns.cjs.js"),t=require("../utils/label.cjs.js");require("../utils/index.cjs.js");const n=require("../lib/debug.cjs.js"),r=require("../lib/iconBase.cjs.js"),i=require("../widgets/buttons.cjs.js");require("../widgets/index.cjs.js");const a=require("../login/login.cjs.js");var o=require("solid-logic").solidLogicSingleton.store;function s(s,c,l){let u=s.dom,d=s.div;if(s.me&&!s.me.uri)throw Error(`newThingUI:  Invalid userid: `+s.me);let f=`padding: 0.7em; width: 2em; height: 2em;`,p=d.appendChild(u.createElement(`img`)),m=!1;p.setAttribute(`src`,r.icons.iconBase+`noun_34653_green.svg`),p.setAttribute(`style`,f),p.setAttribute(`title`,`Add another tool`);let h=function(e){let t=d.appendChild(u.createElement(`pre`));t.setAttribute(`style`,`background-color: pink`),t.appendChild(u.createTextNode(e))};function g(e){for(let t=0;t<b.length;t++){let n=f+e;b[t].disabled&&(n+=`opacity: 0.3;`),b[t].setAttribute(`style`,n)}}function _(e){g(`display: none;`),e.setAttribute(`style`,f+`background-color: yellow;`)}function v(e){m=!m,p.setAttribute(`style`,f+(m?`background-color: yellow;`:``)),g(m?``:`display: none;`)}p.addEventListener(`click`,v);function y(r){return new Promise(function(l,d){let f;function p(t,i){a.ensureLoadedProfile(s).then(a=>{let s=Object.assign({newBase:i,folder:r.folder||void 0,workspace:t},r);for(let e in r)s[e]=r[e];n.log(`newThingUI: Minting new ${s.pane.name} at ${s.newBase}`),r.pane.mintNew(c,s).then(function(t){if(!t||!t.newInstance)throw Error(`Cannot mint new - missing newInstance`);if(t.folder){let r=t.newInstance.uri.slice(t.folder.uri.length).includes(`/`);n.log(`  new thing is packge? `+r),r?o.add(t.folder,e.default.ldp(`contains`),o.sym(t.newBase),t.folder.doc()):o.add(t.folder,e.default.ldp(`contains`),t.newInstance,t.folder.doc()),t.refreshTarget&&t.refreshTarget.refresh&&t.refreshTarget.refresh()}else{let e=r.div.appendChild(u.createElement(`p`));e.setAttribute(`style`,`font-size: 120%;`),e.innerHTML=`Your <a target='_blank' href='`+t.newInstance.uri+`'><b>new `+r.noun+`</b></a> is ready to be set up. <br/><br/><a target='_blank' href='`+t.newInstance.uri+`'>Go to your new `+r.noun+`.</a>`}v()}).catch(function(e){h(e),d(e)})},e=>{h(`Error logging on: `+e)})}let m=r.pane;r.noun=m.mintClass?t.label(m.mintClass):m.name,r.appPathSegment=r.noun.slice(0,1).toUpperCase()+r.noun.slice(1),r.folder?i.askName(u,o,r.div,e.default.foaf(`name`),null,r.noun).then(function(e){if(!e)v();else{let t=r.folder.uri;t.endsWith(`/`)||(t+=`/`),t=t+encodeURIComponent(e)+`/`,p(null,t)}}):(f=a.selectWorkspace(u,{noun:r.noun,appPathSegment:r.appPathSegment},p),r.div.appendChild(f))})}let b=[],x=Object.values(l).filter(e=>e.mintNew),S=x.reduce((e,t)=>(t.mintClass&&(e[t.mintClass.uri]=(e[t.mintClass.uri]||0)+1),e),{});x.forEach(e=>{let n=s.div.appendChild(u.createElement(`img`));n.setAttribute(`src`,e.icon);let r=e.mintClass?S[e.mintClass.uri]>1?`${t.label(e.mintClass)} (using ${e.name} pane)`:t.label(e.mintClass):e.name+` @@`;n.setAttribute(`title`,`Make new `+r),n.setAttribute(`style`,f+`display: none;`),b.push(n),n.disabled||n.addEventListener(`click`,function(t){_(n),y({event:t,folder:s.folder||null,iconEle:n,pane:e,noun:r,noIndexHTML:!0,div:s.div,me:s.me,dom:s.dom,refreshTarget:s.refreshTarget})})})}exports.newThingUI=s;
 //# sourceMappingURL=create.cjs.js.map