solid-ui 3.1.3-12 → 3.1.3-13

package/dist/components/provider.js

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

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

@@ -1,4 +1,4 @@
-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`
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/form-control-component/FormControlComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js");const n=require("../../lib/values.cjs.js"),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;function b(e,t,n){x(e,t),t.set(e,n)}function x(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function S(e,t,n){return e.set(w(e,t),n),n}function C(e,t){return e.get(w(e,t))}function w(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 T(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(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:k(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||k(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 A,j;O.static=u,O.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=O.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),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 A(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:D(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 D(e){var t=O(e,`string`);return typeof t==`symbol`?t:t+``}function O(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 k(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 A(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 j(e){return e}f=[e.customElement(`solid-ui-select`)];var M;new(v=(c=new WeakMap,l=new WeakMap,y=(p=(0,a.property)({type:Array}),m=(0,a.query)(`select`),g=(0,a.state)(),`options`),s=class extends t.default{constructor(...e){super(...e),b(this,c,(u(this),h(this,null))),b(this,l,_(this,null))}set[y](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 controlElement(){return C(c,this)}set controlElement(e){S(c,this,e)}get _options(){return C(l,this)}set _options(e){S(l,this,e)}render(){let e=this.options.some(e=>n.isEmptyValue(e.value))?i.nothing:i.html`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;return i.html`
       ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
@@ -9,7 +9,7 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
           @change=${this.onChange}
         >
           ${e}
-          ${this.options.map(e=>a.html`<option
+          ${this.options.map(e=>i.html`<option
                 .value=${e.value}
                 ?selected=${e.value===this.value}
               >
@@ -18,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>
-    `}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}});
+    `}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:[h,_,u],c:[M,d]}=E(s,[[p,4,`options`],[m,1,`controlElement`],[g,1,`_options`]],f,0,void 0,t.default),s),o=class extends j{constructor(){super(M),T(this,`styles`,r.default),d()}},T(o,v,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return M}});
 //# 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","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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"}
+{"version":3,"file":"Select.cjs.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":"+8IAQwCS,EAAA,CASvCT,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAU,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAIrB,CAAEC,KAAMC,KAAM,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAoBnB,QAAQ,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGT,EAAC,WAAAC,EA3BV,cACoCpB,EAAAA,OAAqB,CAAAsB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAb,GAAAc,EAAA,IAAA,EAAAC,EAAA,KAwBO,IAAI,EAAA,EAAAF,EAAA,KAAAX,EAAAc,EAAA,KAGX,IAAI,CAAA,CAAA,CAxB3D,IAAAb,GACac,EAAkC,CAC7C,KAAKC,SAAWD,CAClB,CAEA,IAAIE,SAA+B,CACjC,GAAI,KAAKD,SACP,OAAO,KAAKA,SAGd,IAAMC,EAAU,KAAKC,iBACnB,wBACF,EAEA,OAAOd,MAAMe,KAAKF,CAAO,CAAC,CAACG,IAAKC,IAAY,CAC1CN,MAAOM,EAAON,MACdO,MAAOD,EAAOE,WAChB,EAAE,CACJ,CAAC,IAGkBC,gBAAc,CAAA,OAAAC,EAAA3B,EAAA,IAAA,CAAA,CAAA,IAAd0B,eAAcE,EAAA,CAAAC,EAAA7B,EAAA,KAAA4B,CAAA,CAAA,CAAA,IAGhBV,UAAQ,CAAA,OAAAS,EAAAzB,EAAA,IAAA,CAAA,CAAA,IAARgB,SAAQU,EAAA,CAAAC,EAAA3B,EAAA,KAAA0B,CAAA,CAAA,CAEfE,QAAU,CAClB,IAAMC,EAAgB,KAAKZ,QAAQa,KAAKT,GAAU5B,EAAAA,aAAa4B,EAAON,KAAK,CAAC,EACxE1B,EAAAA,QACAD,EAAAA,IAAI,uCAAuC,CAAC,KAAK2B,MAAK,4BAE1D,MAAO3B,GAAAA,IAAI;QACP,KAAK2C,aAAaC,YAAY,EAAC;;;;gBAIvB,KAAKD,aAAaE,UAAS;iBAC1B,KAAKC,KAAI;sBACJ,KAAKC,SAAQ;oBACf,KAAKC,SAAQ;;YAErBP,EAAa;YACb,KAAKZ,QAAQG,IACZC,GACCjC,EAAAA,IAAI;yBACOiC,EAAON,MAAK;4BACTM,EAAON,QAAU,KAAKA,MAAK;;kBAErCM,EAAOC,MAAK;wBAEpB,EAAC;;;;KAKT,CAEQc,UAAY,CAClB,IAAMrB,EAAQ,KAAKS,gBAAgBT,OAAS,KACtCM,EAAS,KAAKJ,QAAQoB,KAAMhB,GAAWA,EAAON,QAAUA,CAAK,EAEnE,KAAKgB,aAAaO,SAASvB,CAAK,EAChC,KAAKwB,cAAc,IAAIC,YAAY,SAAU,CAAEC,QAAS,GAAMC,SAAU,GAAMC,OAAQ,CAAEtB,QAAO,CAAE,CAAC,CAAC,CACrG,CACF,EAAC,CAAAuB,EAAA,CAAA/B,EAAAC,EAAAF,GAAAiC,EAAA,CAAAjD,EAAAkD,IAAAC,EAAAxC,EAAA,CAAA,CAAAL,EAAA,EAAA,SAAA,EAAA,CAAAG,EAAA,EAAA,gBAAA,EAAA,CAAAC,EAAA,EAAA,UAAA,CAAA,EAAAX,EAAA,EAAA,IAAA,GAnEmCR,EAAAA,OAAoB,EAAAoB,GAAAyC,EAAA,cAAAC,CAAA,CAAAxC,aAAA,CAAA,MAAAb,CAAA,EAAAsD,EAAA,KAAA,SACtCxD,EAAAA,OAAM,EAAAoD,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAnD,EAAA,IAAA,EAAA,EAAAmD"}

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

@@ -1,4 +1,4 @@
-import { WebComponent } from '../../lib/components';
+import { FormControlComponent } from '../../lib/components';
 export type SelectOptionData = {
     value: unknown;
     label: string;
@@ -6,19 +6,12 @@ export type SelectOptionData = {
 export type SelectChangeEvent = CustomEvent<{
     option: SelectOptionData;
 }>;
-export default class Select extends WebComponent {
+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;
     set options(value: SelectOptionData[] | null);
     get options(): SelectOptionData[];
-    accessor inputElement: HTMLSelectElement | null;
+    protected accessor controlElement: HTMLSelectElement | null;
     private accessor _options;
-    private controlTrait;
-    constructor();
     protected render(): import('lit-html').TemplateResult<1>;
     private onChange;
 }

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;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"}
+{"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,39 +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/FormControlTrait.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 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";
+import { isEmptyValue as n } from "../../lib/values.esm.js";
+import r from "./Select.styles.esm.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 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);
+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 L(e, t) {
+function w(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function R(e, t, n) {
-	return e.set(B(e, t), n), n;
+function T(e, t, n) {
+	return e.set(D(e, t), n), n;
 }
-function z(e, t) {
-	return e.get(B(e, t));
+function E(e, t) {
+	return e.get(D(e, t));
 }
-function B(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 V(e, t, n) {
-	return (t = U(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 H(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);
@@ -56,13 +55,13 @@ function H(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: G(function() {
+				get: M(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || G(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 = {
@@ -122,7 +121,7 @@ function H(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 K(t) === e;
+			return N(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -136,7 +135,7 @@ function H(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 : U(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;
@@ -149,11 +148,11 @@ function H(e, t, n, r, i, a) {
 		}
 	};
 }
-function U(e) {
-	var t = W(e, "string");
+function A(e) {
+	var t = j(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function W(e, t) {
+function j(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -163,7 +162,7 @@ function W(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function G(e, t, n) {
+function M(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -173,50 +172,20 @@ function G(e, t, n) {
 	} catch {}
 	return e;
 }
-function K(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 q(e) {
+function P(e) {
 	return e;
 }
-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
-}), C = s({
-	type: String,
-	reflect: !0
-}), T = s({ type: String }), D = s({
-	type: Boolean,
-	reflect: !0
-}), k = s({ type: Array }), A = c("select"), M = l(), "label"), d = class extends t {
-	get [F]() {
-		return z(f, 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) {
-		R(f, this, e);
-	}
-	get name() {
-		return z(p, this);
-	}
-	set name(e) {
-		R(p, this, e);
-	}
-	get value() {
-		return z(m, this);
-	}
-	set value(e) {
-		R(m, this, e);
-	}
-	get required() {
-		return z(h, this);
-	}
-	set required(e) {
-		R(h, this, e);
-	}
-	set options(e) {
+	set [S](e) {
 		this._options = e;
 	}
 	get options() {
@@ -227,27 +196,21 @@ new (P = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m =
 			label: e.textContent
 		}));
 	}
-	get inputElement() {
-		return z(g, this);
+	get controlElement() {
+		return E(d, this);
 	}
-	set inputElement(e) {
-		R(g, this, e);
+	set controlElement(e) {
+		T(d, this, e);
 	}
 	get _options() {
-		return z(_, this);
+		return E(f, this);
 	}
 	set _options(e) {
-		R(_, this, e);
-	}
-	constructor() {
-		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()
-		}));
+		T(f, this, e);
 	}
 	render() {
-		let e = this.options.some((e) => r(e.value)) ? o : a`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
-		return a`
+		let e = this.options.some((e) => n(e.value)) ? a : i`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
+		return i`
       ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
@@ -258,7 +221,7 @@ new (P = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m =
           @change=${this.onChange}
         >
           ${e}
-          ${this.options.map((e) => a`<option
+          ${this.options.map((e) => i`<option
                 .value=${e.value}
                 ?selected=${e.value === this.value}
               >
@@ -270,55 +233,35 @@ new (P = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m =
     `;
 	}
 	onChange() {
-		let e = this.inputElement?.value, t = this.options.find((t) => t.value === e);
+		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: [S, w, E, O, j, N, v], c: [J, y]} = H(d, [
-	[
-		x,
-		1,
-		"label"
-	],
-	[
-		C,
-		1,
-		"name"
-	],
-	[
-		T,
-		1,
-		"value"
-	],
-	[
-		D,
-		1,
-		"required"
-	],
+}, {e: [v, b, p], c: [F, m]} = k(u, [
 	[
-		k,
+		g,
 		4,
 		"options"
 	],
 	[
-		A,
+		_,
 		1,
-		"inputElement"
+		"controlElement"
 	],
 	[
-		M,
+		y,
 		1,
 		"_options"
 	]
-], b, 0, void 0, t), d), u = class extends q {
+], h, 0, void 0, t), u), l = class extends P {
 	constructor() {
-		super(J), V(this, "styles", i), V(this, "formAssociated", !0), y();
+		super(F), O(this, "styles", r), m();
 	}
-}, V(u, P, void 0), u)();
+}, O(l, x, void 0), l)();
 //#endregion
-export { J 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","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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"}
+{"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-option.js

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

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

package/dist/components.js

@@ -1,25 +1,26 @@
-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 "./chunks/auth-Knq99zZ9.js";
+import "./chunks/dialog-DZgm_Tph.js";
+import "./chunks/dialog-header-COzPcK8F.js";
+import "./chunks/button-Dvkek1tx.js";
+import "./chunks/dialog-content-DY-ROHyi.js";
+import "./chunks/dialog-footer-BAZTjZ8J.js";
+import "./chunks/combobox-B5j4LoHY.js";
+import "./chunks/combobox-option-C5lKAumO.js";
+import "./chunks/dialogs-root-BYp6fIUE.js";
+import "./chunks/provider-Btl6Lnki.js";
+import "./chunks/avatar-DgO_p94F.js";
+import "./chunks/login-button-BafqiKef.js";
+import "./chunks/logout-button-D54NF9EW.js";
+import "./chunks/menu-item-D9BqJtKZ.js";
+import "./chunks/menu-DKxtACGA.js";
+import "./chunks/signup-button-D5wS8_gB.js";
+import "./chunks/account-DeNlj01m.js";
 import "./components/dialog-provider.js";
 import "./chunks/footer-BLSjn5ur.js";
-import "./chunks/guard-DEqOFEs4.js";
-import "./chunks/input-BjCX2bFe.js";
-import "./chunks/photo-capture-DzK6wZF4.js";
-import "./chunks/select-OM-SgY4K.js";
-import "./chunks/select-option-pVhYlXrt.js";
-import "./chunks/solid-emblem-D2clBuKZ.js";
+import "./chunks/guard-DI4k0FkM.js";
+import "./chunks/input-CCpEhtqA.js";
+import "./chunks/photo-capture-modal-BLZtHDj1.js";
+import "./chunks/photo-capture-BoZF621r.js";
+import "./chunks/select-XkieYvDm.js";
+import "./chunks/select-option-DUg4AWzw.js";
+import "./chunks/solid-emblem-XHk-oomv.js";