solid-ui 3.1.3-10 → 3.1.3-12

package/dist/components/provider/Provider.esm.js

@@ -191,6 +191,9 @@ h = (d = o({
 	set auth(e) {
 		v(O, this, e);
 	}
+	async connectedCallback() {
+		super.connectedCallback(), await this.auth.initialize();
+	}
 	willUpdate(e) {
 		super.willUpdate(e), e.has("signupUrl") && (this.auth.signupUrl = this.signupUrl ?? "https://solidproject.org/get_a_pod");
 	}

package/dist/components/provider/Provider.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.esm.js","names":["customElement","WebComponent","provide","html","property","authContext","SolidAuth","DEFAULT_SIGNUP_URL","_classDecs","_Provider","_A","WeakMap","_B","_ref","_signupUrlDecs","type","String","reflect","_authDecs","context","Provider","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_signupUrl","_init_auth","_classPrivateFieldGet","signupUrl","v","_classPrivateFieldSet","auth","willUpdate","changedProperties","has","render","_Provider2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/provider/Provider.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { html } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { authContext } from '@/lib/auth'\nimport { SolidAuth, DEFAULT_SIGNUP_URL } from '@/lib/auth'\n\nimport '@/components/dialogs-root'\n\n@customElement('solid-ui-provider')\nexport default class Provider extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor signupUrl: string | undefined\n\n  @provide({ context: authContext })\n  private accessor auth = new SolidAuth()\n\n  protected willUpdate (changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('signupUrl')) {\n      this.auth.signupUrl = this.signupUrl ?? DEFAULT_SIGNUP_URL\n    }\n  }\n\n  protected render () {\n    return html`\n        <slot></slot>\n        <solid-ui-dialogs-root></solid-ui-dialogs-root>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOkCQ,IAAA,CAEjCR,EAAc,mBAAmB,CAAC;AAAA,IAAAS,GAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA;AAAAE,KAAAC,IAEhCV,EAAS;CAAEW,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzChB,EAAQ,EAAEiB,SAASd,EAAY,CAAC,GAAC,cAiBnC+B,IAAAhB,cArBqCnB,EAAa;CAAAoB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAKzB,IAAIpB,EAAU,CAAC,CAAA;CAAA;CAAA,KAAAO,KAAA;EAAA,OAAAc,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAH9BkB,UAASC,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAf,GAAA,IAAA;CAAA;CAAA,IAAJmB,KAAIF,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAEXG,WAAYC,GAAqC;EAGzD,AAFA,MAAMD,WAAWC,CAAiB,GAE9BA,EAAkBC,IAAI,WAAW,MACnC,KAAKH,KAAKH,YAAY,KAAKA,aAAAA;CAE/B;CAEUO,SAAU;EAClB,OAAOhC,CAAI;;;;CAIb;AACF,GAAC,CAAAkC,GAAA,CAAAZ,GAAAC,GAAAF,IAAAc,GAAA,CAAA7B,GAAA8B,MAAAC,EAAAJ,GAAA,CAAA;CAAAtB;CAAA;CAAA;AAAA,GAAA;CAAAI;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GArBqCP,CAAY,GAAAsC,EAAA"}
+{"version":3,"file":"Provider.esm.js","names":["customElement","WebComponent","provide","html","property","authContext","SolidAuth","DEFAULT_SIGNUP_URL","_classDecs","_Provider","_A","WeakMap","_B","_ref","_signupUrlDecs","type","String","reflect","_authDecs","context","Provider","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_signupUrl","_init_auth","_classPrivateFieldGet","signupUrl","v","_classPrivateFieldSet","auth","connectedCallback","initialize","willUpdate","changedProperties","has","render","_Provider2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/provider/Provider.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { html, type PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { authContext } from '@/lib/auth'\nimport { SolidAuth, DEFAULT_SIGNUP_URL } from '@/lib/auth'\n\nimport '@/components/dialogs-root'\n\n@customElement('solid-ui-provider')\nexport default class Provider extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor signupUrl: string | undefined\n\n  @provide({ context: authContext })\n  private accessor auth = new SolidAuth()\n\n  async connectedCallback () {\n    super.connectedCallback()\n\n    await this.auth.initialize()\n  }\n\n  protected willUpdate (changedProperties: PropertyValues<this>) {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('signupUrl')) {\n      this.auth.signupUrl = this.signupUrl ?? DEFAULT_SIGNUP_URL\n    }\n  }\n\n  protected render () {\n    return html`\n        <slot></slot>\n        <solid-ui-dialogs-root></solid-ui-dialogs-root>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOkCQ,IAAA,CAEjCR,EAAc,mBAAmB,CAAC;AAAA,IAAAS,GAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA;AAAAE,KAAAC,IAEhCV,EAAS;CAAEW,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzChB,EAAQ,EAAEiB,SAASd,EAAY,CAAC,GAAC,cAuBnCiC,IAAAlB,cA3BqCnB,EAAa;CAAAoB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAKzB,IAAIpB,EAAU,CAAC,CAAA;CAAA;CAAA,KAAAO,KAAA;EAAA,OAAAc,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAH9BkB,UAASC,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAf,GAAA,IAAA;CAAA;CAAA,IAAJmB,KAAIF,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAErB,MAAMG,oBAAqB;EAGzB,AAFA,MAAMA,kBAAkB,GAExB,MAAM,KAAKD,KAAKE,WAAW;CAC7B;CAEUC,WAAYC,GAAyC;EAG7D,AAFA,MAAMD,WAAWC,CAAiB,GAE9BA,EAAkBC,IAAI,WAAW,MACnC,KAAKL,KAAKH,YAAY,KAAKA,aAAAA;CAE/B;CAEUS,SAAU;EAClB,OAAOlC,CAAI;;;;CAIb;AACF,GAAC,CAAAoC,GAAA,CAAAd,GAAAC,GAAAF,IAAAgB,GAAA,CAAA/B,GAAAgC,MAAAC,EAAAJ,GAAA,CAAA;CAAAxB;CAAA;CAAA;AAAA,GAAA;CAAAI;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GA3BqCP,CAAY,GAAAwC,EAAA"}

package/dist/components/provider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/provider-BfO67dzy.js";
+import { n as e, t } from "../chunks/provider-qd_4VaKB.js";
 export { e as Provider, t as default };

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

@@ -1,14 +1,15 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/components/traits/InputTrait.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js");const r=require("./Select.styles.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D;function O(e,t,n){k(e,t),t.set(e,n)}function k(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function A(e,t,n){return e.set(M(e,t),n),n}function j(e,t){return e.get(M(e,t))}function M(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 N(e,t,n){return(t=F(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:L(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||L(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={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.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?{get:b.get,set:b.set}:b[S],O),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)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}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 R(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);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:F(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function F(e){var t=I(e,`string`);return typeof t==`symbol`?t:t+``}function I(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function L(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function R(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 z(e){return e}h=[e.customElement(`solid-ui-select`)];var B;new(E=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,D=(g=(0,a.property)({type:String,reflect:!0}),v=(0,a.property)({type:String,reflect:!0}),b=(0,a.property)({type:String}),S=(0,a.property)({type:Boolean,reflect:!0}),w=(0,a.query)(`select`),`label`),s=class extends t.default{get[D](){return j(c,this)}set label(e){A(c,this,e)}get name(){return j(l,this)}set name(e){A(l,this,e)}get value(){return j(u,this)}set value(e){A(u,this,e)}get required(){return j(d,this)}set required(e){A(d,this,e)}get inputElement(){return j(f,this)}set inputElement(e){A(f,this,e)}constructor(){super(),O(this,c,(p(this),_(this,``))),O(this,l,y(this,``)),O(this,u,x(this,``)),O(this,d,C(this,!1)),O(this,f,T(this,null)),N(this,`inputTrait`,void 0),this.inputTrait=this.addTrait(new n.default(this,{getInputElement:()=>this.inputElement,getInternals:()=>this.getInternals()}))}render(){return i.html`
-      ${this.inputTrait.renderLabel()}
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/components/traits/FormControlTrait.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js");const r=require("../../lib/values.cjs.js"),i=require("./Select.styles.cjs.js");let a=require("lit"),o=require("lit/decorators.js");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;function N(e,t,n){P(e,t),t.set(e,n)}function P(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function F(e,t,n){return e.set(L(e,t),n),n}function I(e,t){return e.get(L(e,t))}function L(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 R(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function z(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:H(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||H(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={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.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?{get:b.get,set:b.set}:b[S],O),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)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}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 U(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);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:B(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function B(e){var t=V(e,`string`);return typeof t==`symbol`?t:t+``}function V(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function H(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function U(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 W(e){return e}_=[e.customElement(`solid-ui-select`)];var G;new(j=(l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,M=(v=(0,o.property)({type:String,reflect:!0}),b=(0,o.property)({type:String,reflect:!0}),S=(0,o.property)({type:String}),w=(0,o.property)({type:Boolean,reflect:!0}),E=(0,o.property)({type:Array}),D=(0,o.query)(`select`),k=(0,o.state)(),`label`),c=class extends t.default{get[M](){return I(l,this)}set label(e){F(l,this,e)}get name(){return I(u,this)}set name(e){F(u,this,e)}get value(){return I(d,this)}set value(e){F(d,this,e)}get required(){return I(f,this)}set required(e){F(f,this,e)}set options(e){this._options=e}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}))}get inputElement(){return I(p,this)}set inputElement(e){F(p,this,e)}get _options(){return I(m,this)}set _options(e){F(m,this,e)}constructor(){super(),N(this,l,(h(this),y(this,``))),N(this,u,x(this,``)),N(this,d,C(this,``)),N(this,f,T(this,!1)),N(this,p,O(this,null)),N(this,m,A(this,null)),R(this,`controlTrait`,void 0),this.controlTrait=this.addTrait(new n.default(this,{getControlElement:()=>this.inputElement,getInternals:()=>this.getInternals()}))}render(){let e=this.options.some(e=>r.isEmptyValue(e.value))?a.nothing:a.html`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;return a.html`
+      ${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.html`<option
+          ${e}
+          ${this.options.map(e=>a.html`<option
                 .value=${e.value}
                 ?selected=${e.value===this.value}
               >
@@ -17,5 +18,5 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
         </select>
         <icon-lucide-chevron-down></icon-lucide-chevron-down>
       </div>
-    `}getOptions(){let e=this.querySelectorAll(`solid-ui-select-option`);return Array.from(e).map(e=>({value:e.value,label:e.textContent}))}},{e:[_,y,x,C,T,p],c:[B,m]}=P(s,[[g,1,`label`],[v,1,`name`],[b,1,`value`],[S,1,`required`],[w,1,`inputElement`]],h,0,void 0,t.default),s),o=class extends z{constructor(){super(B),N(this,`styles`,r.default),N(this,`formAssociated`,!0),m()}},N(o,E,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return B}});
+    `}onChange(){let e=this.inputElement?.value,t=this.options.find(t=>t.value===e);this.controlTrait.setValue(e),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{option:t}}))}},{e:[y,x,C,T,O,A,h],c:[G,g]}=z(c,[[v,1,`label`],[b,1,`name`],[S,1,`value`],[w,1,`required`],[E,4,`options`],[D,1,`inputElement`],[k,1,`_options`]],_,0,void 0,t.default),c),s=class extends W{constructor(){super(G),R(this,`styles`,i.default),R(this,`formAssociated`,!0),g()}},R(s,j,void 0),s),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return G}});
 //# sourceMappingURL=Select.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs.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":"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"}
+{"version":3,"file":"Select.cjs.js","names":["customElement","WebComponent","html","nothing","property","query","state","isEmptyValue","FormControlTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_optionsDecs","Array","_inputElementDecs","_optionsDecs2","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","options","_options","querySelectorAll","from","map","option","textContent","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_init__options","_defineProperty","controlTrait","addTrait","getControlElement","getInternals","render","defaultOption","some","renderLabel","controlId","onChange","find","setValue","dispatchEvent","CustomEvent","bubbles","composed","detail","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { isEmptyValue } from '@/lib/values'\nimport FormControlTrait from '@/lib/components/traits/FormControlTrait'\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 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  @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  accessor inputElement: HTMLSelectElement | null = null;\n\n  @state()\n  private accessor _options: SelectOptionData[] | 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    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.inputElement?.value\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":"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"}

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

@@ -1,4 +1,11 @@
 import { WebComponent } from '../../lib/components';
+export type SelectOptionData = {
+    value: unknown;
+    label: string;
+};
+export type SelectChangeEvent = CustomEvent<{
+    option: SelectOptionData;
+}>;
 export default class Select extends WebComponent {
     static styles: import('lit').CSSResult;
     static formAssociated: boolean;
@@ -6,10 +13,13 @@ export default class Select extends WebComponent {
     accessor name: string;
     accessor value: string;
     accessor required: boolean;
+    set options(value: SelectOptionData[] | null);
+    get options(): SelectOptionData[];
     accessor inputElement: HTMLSelectElement | null;
-    private inputTrait;
+    private accessor _options;
+    private controlTrait;
     constructor();
     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,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAO9D,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,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;IAE1B,IACI,OAAO,CAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAE5C;IAED,IAAI,OAAO,IAAK,gBAAgB,EAAE,CAajC;IAGD,QAAQ,CAAC,YAAY,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAGvD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkC;IAE3D,OAAO,CAAC,YAAY,CAAkB;;IAWtC,SAAS,CAAC,MAAM;IA+BhB,OAAO,CAAC,QAAQ;CAOjB"}

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

@@ -1,38 +1,39 @@
 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 n from "../../lib/components/traits/FormControlTrait.esm.js";
 import "../../lib/components/index.esm.js";
 import "../../_virtual/~icons/lucide/chevron-down.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 { isEmptyValue as r } from "../../lib/values.esm.js";
+import i from "./Select.styles.esm.js";
+import { html as a, nothing as o } from "lit";
+import { property as s, query as c, state as l } 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 u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F;
+function I(e, t, n) {
+	L(e, t), t.set(e, n);
 }
-function A(e, t) {
+function L(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 R(e, t, n) {
+	return e.set(B(e, t), n), n;
 }
-function M(e, t) {
-	return e.get(N(e, t));
+function z(e, t) {
+	return e.get(B(e, t));
 }
-function N(e, t, n) {
+function B(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 V(e, t, n) {
+	return (t = U(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 H(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 +56,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: G(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 || G(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 +122,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 K(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -135,7 +136,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 : U(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -148,11 +149,11 @@ function F(e, t, n, r, i, a) {
 		}
 	};
 }
-function I(e) {
-	var t = L(e, "string");
+function U(e) {
+	var t = W(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function L(e, t) {
+function W(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -162,7 +163,7 @@ function L(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function R(e, t, n) {
+function G(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -172,73 +173,92 @@ function R(e, t, n) {
 	} catch {}
 	return e;
 }
-function z(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 B(e) {
+function q(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({
+b = [e("solid-ui-select")];
+var J;
+new (P = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), F = (x = s({
 	type: String,
 	reflect: !0
-}), y = a({
+}), C = s({
 	type: String,
 	reflect: !0
-}), x = a({ type: String }), C = a({
+}), T = s({ type: String }), D = s({
 	type: Boolean,
 	reflect: !0
-}), T = o("select"), "label"), c = class extends t {
-	get [O]() {
-		return M(l, this);
+}), k = s({ type: Array }), A = c("select"), M = l(), "label"), d = class extends t {
+	get [F]() {
+		return z(f, this);
 	}
 	set label(e) {
-		j(l, this, e);
+		R(f, this, e);
 	}
 	get name() {
-		return M(u, this);
+		return z(p, this);
 	}
 	set name(e) {
-		j(u, this, e);
+		R(p, this, e);
 	}
 	get value() {
-		return M(d, this);
+		return z(m, this);
 	}
 	set value(e) {
-		j(d, this, e);
+		R(m, this, e);
 	}
 	get required() {
-		return M(f, this);
+		return z(h, this);
 	}
 	set required(e) {
-		j(f, this, e);
+		R(h, this, e);
+	}
+	set options(e) {
+		this._options = e;
+	}
+	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
+		}));
 	}
 	get inputElement() {
-		return M(p, this);
+		return z(g, this);
 	}
 	set inputElement(e) {
-		j(p, this, e);
+		R(g, this, e);
+	}
+	get _options() {
+		return z(_, this);
+	}
+	set _options(e) {
+		R(_, this, e);
 	}
 	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,
+		super(), I(this, f, (v(this), S(this, ""))), I(this, p, w(this, "")), I(this, m, E(this, "")), I(this, h, O(this, !1)), I(this, g, j(this, null)), I(this, _, N(this, null)), V(this, "controlTrait", void 0), this.controlTrait = this.addTrait(new n(this, {
+			getControlElement: () => this.inputElement,
 			getInternals: () => this.getInternals()
 		}));
 	}
 	render() {
-		return i`
-      ${this.inputTrait.renderLabel()}
+		let e = this.options.some((e) => r(e.value)) ? o : a`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
+		return a`
+      ${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) => a`<option
                 .value=${e.value}
                 ?selected=${e.value === this.value}
               >
@@ -249,45 +269,56 @@ 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.inputElement?.value, 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: [S, w, E, O, j, N, v], c: [J, y]} = H(d, [
 	[
-		_,
+		x,
 		1,
 		"label"
 	],
 	[
-		y,
+		C,
 		1,
 		"name"
 	],
 	[
-		x,
+		T,
 		1,
 		"value"
 	],
 	[
-		C,
+		D,
 		1,
 		"required"
 	],
 	[
-		T,
+		k,
+		4,
+		"options"
+	],
+	[
+		A,
 		1,
 		"inputElement"
+	],
+	[
+		M,
+		1,
+		"_options"
 	]
-], g, 0, void 0, t), c), s = class extends B {
+], b, 0, void 0, t), d), u = class extends q {
 	constructor() {
-		super(V), P(this, "styles", r), P(this, "formAssociated", !0), h();
+		super(J), V(this, "styles", i), V(this, "formAssociated", !0), y();
 	}
-}, P(s, D, void 0), s)();
+}, V(u, P, void 0), u)();
 //#endregion
-export { V as default };
+export { J 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","WebComponent","html","nothing","property","query","state","isEmptyValue","FormControlTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_optionsDecs","Array","_inputElementDecs","_optionsDecs2","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","options","_options","querySelectorAll","from","map","option","textContent","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_init__options","_defineProperty","controlTrait","addTrait","getControlElement","getInternals","render","defaultOption","some","renderLabel","controlId","onChange","find","setValue","dispatchEvent","CustomEvent","bubbles","composed","detail","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { isEmptyValue } from '@/lib/values'\nimport FormControlTrait from '@/lib/components/traits/FormControlTrait'\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 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  @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  accessor inputElement: HTMLSelectElement | null = null;\n\n  @state()\n  private accessor _options: SelectOptionData[] | 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    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.inputElement?.value\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":"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"}

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.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/select-option-Duk4S4Sc.js";
+import { n as e, t } from "../chunks/select-option-pVhYlXrt.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-DHFgELMJ.js";
+import { n as e, t } from "../chunks/select-OM-SgY4K.js";
 export { e as Select, t as default };

package/dist/components/signup-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/signup-button-B10K6b8A.js";
+import { n as e, t } from "../chunks/signup-button-BnA5p-uJ.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-DgBJk5Th.js";
+import { n as e, t } from "../chunks/solid-emblem-D2clBuKZ.js";
 export { e as SolidEmblem, t as default };

package/dist/components.js

@@ -1,25 +1,25 @@
-import "./chunks/auth-BI22fz6P.js";
-import "./chunks/dialog-YaqTwAtR.js";
-import "./chunks/dialog-header-BynEzovK.js";
-import "./chunks/button-DHahwxqn.js";
-import "./chunks/dialog-content-B3I3H7hj.js";
-import "./chunks/dialog-footer-BjcYeVhg.js";
-import "./chunks/combobox-BWOPh9dj.js";
-import "./chunks/combobox-option-DB6KGb7o.js";
-import "./chunks/avatar-DN7FzC2N.js";
-import "./chunks/login-button-76PlEs2Y.js";
-import "./chunks/logout-button-Dt3Utgj0.js";
-import "./chunks/menu-item-Ckl9f1rG.js";
-import "./chunks/menu-6ayNsxFG.js";
-import "./chunks/signup-button-B10K6b8A.js";
-import "./chunks/account-Ma2Ipfjx.js";
+import "./chunks/auth-ClVI18ss.js";
+import "./chunks/dialog-kyHgc-uy.js";
+import "./chunks/dialog-header-kEWl21oD.js";
+import "./chunks/button-B9-nlEpz.js";
+import "./chunks/dialog-content-CEITrC59.js";
+import "./chunks/dialog-footer-DVLEK5bU.js";
+import "./chunks/combobox-DrT0Nb-A.js";
+import "./chunks/combobox-option-DxJvAZ_Q.js";
+import "./chunks/dialogs-root-dPGfuzSZ.js";
+import "./chunks/provider-qd_4VaKB.js";
+import "./chunks/avatar-DGu_PX5y.js";
+import "./chunks/login-button-Czm-E9Na.js";
+import "./chunks/logout-button-BrR_jOhK.js";
+import "./chunks/menu-item-C9uErV38.js";
+import "./chunks/menu-1PG19fCC.js";
+import "./chunks/signup-button-BnA5p-uJ.js";
+import "./chunks/account-Bb818bGF.js";
 import "./components/dialog-provider.js";
-import "./chunks/dialogs-root-B61LtZks.js";
 import "./chunks/footer-BLSjn5ur.js";
-import "./chunks/guard-YhbCPY-V.js";
-import "./chunks/input-CVKu3XRI.js";
+import "./chunks/guard-DEqOFEs4.js";
+import "./chunks/input-BjCX2bFe.js";
 import "./chunks/photo-capture-DzK6wZF4.js";
-import "./chunks/provider-BfO67dzy.js";
-import "./chunks/select-DHFgELMJ.js";
-import "./chunks/select-option-Duk4S4Sc.js";
-import "./chunks/solid-emblem-DgBJk5Th.js";
+import "./chunks/select-OM-SgY4K.js";
+import "./chunks/select-option-pVhYlXrt.js";
+import "./chunks/solid-emblem-D2clBuKZ.js";