solid-ui 3.1.3-13 → 3.1.3-15

package/dist/components/dialog-provider.js

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/DialogProvider-B7wEBrVN.js";
+import { t as e } from "../chunks/DialogProvider-0HIHjONx.js";
 //#region src/components/dialog-provider/index.ts
 var t = e;
 //#endregion

package/dist/components/dialog.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-DZgm_Tph.js";
+import { n as e, t } from "../chunks/dialog-CcMVH-Ut.js";
 export { e as Dialog, t as default };

package/dist/components/dialogs-root/DialogsRoot.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogsRoot.cjs.js","names":["customElement","WebComponent","html","state","ShowDialogEvent","CloseDialogEvent","_classDecs","_DialogsRoot","_A","WeakMap","_ref","_dialogsDecs","DialogsRoot","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogs","_classPrivateFieldGet","dialogs","v","_classPrivateFieldSet","connectedCallback","addGlobalEventListener","eventName","event","stopImmediatePropagation","dialog","find","id","filter","closed","data","render","map","element","_DialogsRoot2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/dialogs-root/DialogsRoot.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport Dialog from '@/lib/dialogs/Dialog'\nimport { ShowDialogEvent } from '@/lib/dialogs/events/show-dialog'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\n\nimport '@/components/dialog-provider/DialogProvider'\n\n@customElement('solid-ui-dialogs-root')\nexport default class DialogsRoot extends WebComponent {\n  @state()\n  private accessor dialogs: Dialog[] = []\n\n  connectedCallback (): void {\n    super.connectedCallback()\n\n    this.addGlobalEventListener(ShowDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = [...this.dialogs, event.dialog]\n    })\n\n    this.addGlobalEventListener(CloseDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      const dialog = this.dialogs.find(dialog => dialog.id === event.id)\n      this.dialogs = this.dialogs.filter(dialog => dialog.id !== event.id)\n\n      dialog?.closed(event.data)\n    })\n  }\n\n  protected render () {\n    return html`${this.dialogs.map(dialog => html`\n        <solid-ui-dialog-provider dialogId=\"${dialog.id}\">\n            ${dialog.element}\n        </solid-ui-dialog-provider>\n    `)}`\n  }\n}\n"],"mappings":"8zIAOoDM,EAAA,CAEnDN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,MAAAA,CAE9B,EAAC,WA6BTyB,EAAAxB,cA9BwCX,EAAAA,OAAa,CAAAY,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAP,GAAAQ,EAAA,IAAA,EAAAC,EAAA,KAEf,CAAA,CAAE,EAAA,CAAA,CAAA,IAAAP,IAAA,CAAA,OAAAQ,EAAAV,EAAA,IAAA,CAAA,CAAA,IAAtBW,QAAOC,EAAA,CAAAC,EAAAb,EAAA,KAAAY,CAAA,CAAA,CAExBE,mBAA2B,CACzB,MAAMA,kBAAkB,EAExB,KAAKC,uBAAuBnB,EAAAA,gBAAgBoB,UAAYC,GAAU,CAChEA,EAAMC,yBAAyB,EAE/B,KAAKP,QAAU,CAAC,GAAG,KAAKA,QAASM,EAAME,MAAM,CAC/C,CAAC,EAED,KAAKJ,uBAAuBlB,EAAAA,iBAAiBmB,UAAYC,GAAU,CACjEA,EAAMC,yBAAyB,EAE/B,IAAMC,EAAS,KAAKR,QAAQS,KAAKD,GAAUA,EAAOE,KAAOJ,EAAMI,EAAE,EACjE,KAAKV,QAAU,KAAKA,QAAQW,OAAOH,GAAUA,EAAOE,KAAOJ,EAAMI,EAAE,EAEnEF,GAAQI,OAAON,EAAMO,IAAI,CAC3B,CAAC,CACH,CAEUC,QAAU,CAClB,MAAO/B,GAAAA,IAAI,GAAG,KAAKiB,QAAQe,IAAIP,GAAUzB,EAAAA,IAAI;8CACHyB,EAAOE,GAAE;cACzCF,EAAOQ,QAAO;;KAEvB,GACH,CACF,EAAC,CAAAE,EAAA,CAAApB,EAAAD,GAAAsB,EAAA,CAAA/B,EAAAgC,IAAAC,EAAAJ,EAAA,CAAA,CAAAzB,EAAA,EAAA,SAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GA9BwCL,EAAAA,OAAY,EAAAsC,EAAA"}
+{"version":3,"file":"DialogsRoot.cjs.js","names":["customElement","WebComponent","html","state","ShowDialogEvent","CloseDialogEvent","_classDecs","_DialogsRoot","_A","WeakMap","_ref","_dialogsDecs","DialogsRoot","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogs","_classPrivateFieldGet","dialogs","v","_classPrivateFieldSet","connectedCallback","addGlobalEventListener","eventName","event","stopImmediatePropagation","dialog","find","id","filter","closed","data","render","map","element","_DialogsRoot2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/dialogs-root/DialogsRoot.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport Dialog from '@/lib/dialogs/Dialog'\nimport { ShowDialogEvent } from '@/lib/dialogs/events/show-dialog'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\n\nimport '@/components/dialog-provider/DialogProvider'\n\n@customElement('solid-ui-dialogs-root')\nexport default class DialogsRoot extends WebComponent {\n  @state()\n  private accessor dialogs: Dialog[] = []\n\n  connectedCallback (): void {\n    super.connectedCallback()\n\n    this.addGlobalEventListener(ShowDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = [...this.dialogs, event.dialog]\n    })\n\n    this.addGlobalEventListener(CloseDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      const dialog = this.dialogs.find(dialog => dialog.id === event.id)\n      this.dialogs = this.dialogs.filter(dialog => dialog.id !== event.id)\n\n      dialog?.closed(event.data)\n    })\n  }\n\n  protected render () {\n    return html`${this.dialogs.map(dialog => html`\n        <solid-ui-dialog-provider dialogId=\"${dialog.id}\">\n            ${dialog.element}\n        </solid-ui-dialog-provider>\n    `)}`\n  }\n}\n"],"mappings":"8zIAOoDM,EAAA,CAEnDN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAEpCR,EAAAA,MAAAA,CAAM,EAAC,WA6BTiC,EAAAxB,cA9BwCX,EAAAA,OAAa,CAAAY,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAP,GAAAQ,EAAA,IAAA,EAAAC,EAAA,KAEf,CAAA,CAAE,EAAA,CAAA,CAAA,IAAAP,IAAA,CAAA,OAAAQ,EAAAV,EAAA,IAAA,CAAA,CAAA,IAAtBW,QAAOC,EAAA,CAAAC,EAAAb,EAAA,KAAAY,CAAA,CAAA,CAExBE,mBAA2B,CACzB,MAAMA,kBAAkB,EAExB,KAAKC,uBAAuBnB,EAAAA,gBAAgBoB,UAAYC,GAAU,CAChEA,EAAMC,yBAAyB,EAE/B,KAAKP,QAAU,CAAC,GAAG,KAAKA,QAASM,EAAME,MAAM,CAC/C,CAAC,EAED,KAAKJ,uBAAuBlB,EAAAA,iBAAiBmB,UAAYC,GAAU,CACjEA,EAAMC,yBAAyB,EAE/B,IAAMC,EAAS,KAAKR,QAAQS,KAAKD,GAAUA,EAAOE,KAAOJ,EAAMI,EAAE,EACjE,KAAKV,QAAU,KAAKA,QAAQW,OAAOH,GAAUA,EAAOE,KAAOJ,EAAMI,EAAE,EAEnEF,GAAQI,OAAON,EAAMO,IAAI,CAC3B,CAAC,CACH,CAEUC,QAAU,CAClB,MAAO/B,GAAAA,IAAI,GAAG,KAAKiB,QAAQe,IAAIP,GAAUzB,EAAAA,IAAI;8CACHyB,EAAOE,GAAE;cACzCF,EAAOQ,QAAO;;KAEvB,GACH,CACF,EAAC,CAAAE,EAAA,CAAApB,EAAAD,GAAAsB,EAAA,CAAA/B,EAAAgC,IAAAC,EAAAJ,EAAA,CAAA,CAAAzB,EAAA,EAAA,SAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GA9BwCL,EAAAA,OAAY,EAAAsC,EAAA"}

package/dist/components/dialogs-root.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialogs-root-BYp6fIUE.js";
+import { n as e, t } from "../chunks/dialogs-root-CvsON-m8.js";
 export { e as DialogsRoot, t as default };

package/dist/components/guard/Guard.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Guard.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_Guard","_Guard2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Guard3","Guard","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default"],"sources":["../../../src/components/guard/Guard.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\n@customElement('solid-ui-guard')\nexport default class Guard extends WebComponent {\n  static states = {\n    initializing: (component: Guard) => !component.auth.initialized,\n    loggedIn: (component: Guard) => !!component.auth.account,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <slot name=\"initializing\"></slot>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <slot name=\"guest\"></slot>\n      `\n    }\n\n    return html`\n      <slot></slot>\n    `\n  }\n}\n"],"mappings":"w3IAG2EM,EAAA,CAE1EN,EAAAA,cAAc,gBAAgB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,QAAAA,CAOrB,CAAEC,QAAST,EAAAA,YAAaU,UAAW,EAAK,CAAC,EAAC,QAAAC,EAPrD,cACmCd,EAAAA,OAAa,CAAAgB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAOThB,EAAAA,oBAAoB,EAAA,EAAAiB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAX,IAAA,CAAA,OAAAY,EAAAd,EAAA,IAAA,CAAA,CAAA,IAAxCe,KAAIC,EAAA,CAAAC,EAAAjB,EAAA,KAAAgB,CAAA,CAAA,CAIrBE,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKC,0BAA4B,KAAKJ,KAAKK,qBAAuB,KAAKC,cAAc,CAAC,CACxF,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAalB,OAZK,KAAKR,KAAKS,YAMV,KAAKT,KAAKU,QAMR/B,EAAAA,IAAI;;MALFA,EAAAA,IAAI;;QANJA,EAAAA,IAAI;;OAcf,CACF,EAAC,CAAAgC,EAAA,CAAAd,EAAAD,GAAAgB,EAAA,CAAA7B,EAAA8B,IAAAC,EAAAvB,EAAA,CAAA,CAAAH,EAAA,EAAA,MAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GAxCkCL,EAAAA,OAAY,EAAAc,GAAAwB,EAAA,cAAAC,CAAA,CAAAvB,aAAA,CAAA,MAAAV,CAAA,EAAAe,EAAA,KAAA,SAC7B,CACdmB,aAAeC,GAAqB,CAACA,EAAUlB,KAAKS,YACpDU,SAAWD,GAAqB,CAAC,CAACA,EAAUlB,KAAKU,OACnD,CAAC,EAAAG,EAAA,CAAA,CAAA,EAAAf,EAAAiB,EAAA/B,EAAA,IAAA,EAAA,EAAA+B"}
+{"version":3,"file":"Guard.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_Guard","_Guard2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Guard3","Guard","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default"],"sources":["../../../src/components/guard/Guard.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\n@customElement('solid-ui-guard')\nexport default class Guard extends WebComponent {\n  static states = {\n    initializing: (component: Guard) => !component.auth.initialized,\n    loggedIn: (component: Guard) => !!component.auth.account,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <slot name=\"initializing\"></slot>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <slot name=\"guest\"></slot>\n      `\n    }\n\n    return html`\n      <slot></slot>\n    `\n  }\n}\n"],"mappings":"w3IAG2EM,EAAA,CAE1EN,EAAAA,cAAc,gBAAgB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAO7BV,EAAAA,QAAAA,CAAQ,CAAEW,QAAST,EAAAA,YAAaU,UAAW,EAAK,CAAC,EAAC,QAAAC,EAPrD,cACmCd,EAAAA,OAAa,CAAAgB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAOThB,EAAAA,oBAAoB,EAAA,EAAAiB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAX,IAAA,CAAA,OAAAY,EAAAd,EAAA,IAAA,CAAA,CAAA,IAAxCe,KAAIC,EAAA,CAAAC,EAAAjB,EAAA,KAAAgB,CAAA,CAAA,CAIrBE,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKC,0BAA4B,KAAKJ,KAAKK,qBAAuB,KAAKC,cAAc,CAAC,CACxF,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAalB,OAZK,KAAKR,KAAKS,YAMV,KAAKT,KAAKU,QAMR/B,EAAAA,IAAI;;MALFA,EAAAA,IAAI;;QANJA,EAAAA,IAAI;;OAcf,CACF,EAAC,CAAAgC,EAAA,CAAAd,EAAAD,GAAAgB,EAAA,CAAA7B,EAAA8B,IAAAC,EAAAvB,EAAA,CAAA,CAAAH,EAAA,EAAA,MAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GAxCkCL,EAAAA,OAAY,EAAAc,GAAAwB,EAAA,cAAAC,CAAA,CAAAvB,aAAA,CAAA,MAAAV,CAAA,EAAAe,EAAA,KAAA,SAC7B,CACdmB,aAAeC,GAAqB,CAACA,EAAUlB,KAAKS,YACpDU,SAAWD,GAAqB,CAAC,CAACA,EAAUlB,KAAKU,OACnD,CAAC,EAAAG,EAAA,CAAA,CAAA,EAAAf,EAAAiB,EAAA/B,EAAA,IAAA,EAAA,EAAA+B"}

package/dist/components/guard.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/guard-DI4k0FkM.js";
+import { n as e, t } from "../chunks/guard-BIesxo_f.js";
 export { e as Guard, t as default };

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

@@ -1,4 +1,4 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/form-control-component/FormControlComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./Input.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m,h,g,_;function v(e,t,n){y(e,t),t.set(e,n)}function y(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function b(e,t,n){return e.set(S(e,t),n),n}function x(e,t){return e.get(S(e,t))}function S(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 C(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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:D(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||D(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,O={},k={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,O)};try{if(y)(g=c(T.call(E,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.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=k.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],k),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{O.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 O(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:T(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 T(e){var t=E(e,`string`);return typeof t==`symbol`?t:t+``}function E(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 D(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 O(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function k(e){return e}d=[e.customElement(`solid-ui-input`)];var A;new(g=(s=new WeakMap,c=new WeakMap,_=(f=(0,i.property)({type:String,reflect:!0}),m=(0,i.query)(`input`),`type`),o=class extends t.default{constructor(...e){super(...e),v(this,s,(l(this),p(this,`text`))),v(this,c,h(this,null))}get[_](){return x(s,this)}set type(e){b(s,this,e)}get controlElement(){return x(c,this)}set controlElement(e){b(c,this,e)}render(){return r.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");const n=require("./Input.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E;function D(e,t,n){O(e,t),t.set(e,n)}function O(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function k(e,t,n){return e.set(j(e,t),n),n}function A(e,t){return e.get(j(e,t))}function j(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 M(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(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:I(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||I(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 L(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:P(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 P(e){var t=F(e,`string`);return typeof t==`symbol`?t:t+``}function F(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 I(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 L(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 R(e){return e}m=[e.customElement(`solid-ui-input`)];var z;new(T=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,E=(h=(0,i.property)({type:String,reflect:!0}),_=(0,i.property)({type:String,reflect:!0}),y=(0,i.property)({type:Boolean,reflect:!0}),x=(0,i.property)({type:Boolean,reflect:!0}),C=(0,i.query)(`input`),`type`),o=class extends t.default{constructor(...e){super(...e),D(this,s,(f(this),g(this,`text`))),D(this,c,v(this,``)),D(this,l,b(this,!1)),D(this,u,S(this,!1)),D(this,d,w(this,null))}get[E](){return A(s,this)}set type(e){k(s,this,e)}get placeholder(){return A(c,this)}set placeholder(e){k(c,this,e)}get required(){return A(l,this)}set required(e){k(l,this,e)}get readonly(){return A(u,this)}set readonly(e){k(u,this,e)}get controlElement(){return A(d,this)}set controlElement(e){k(d,this,e)}render(){return r.html`
       ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
@@ -9,9 +9,10 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
           placeholder=${this.placeholder}
           ?required=${this.required}
           .value=${this.value}
+          ?readonly=${this.readonly}
           @input=${()=>this.controlTrait.onInput()}
           @keydown=${this.onKeyDown}
         />
       </div>
-    `}onKeyDown(e){e.key===`Enter`&&(e.preventDefault(),this.controlTrait.onSubmit())}},{e:[p,h,l],c:[A,u]}=w(o,[[f,1,`type`],[m,1,`controlElement`]],d,0,void 0,t.default),o),a=class extends k{constructor(){super(A),C(this,`styles`,n.default),u()}},C(a,g,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return A}});
+    `}onKeyDown(e){e.key===`Enter`&&(e.preventDefault(),this.controlTrait.onSubmit())}},{e:[g,v,b,S,w,f],c:[z,p]}=N(o,[[h,1,`type`],[_,1,`placeholder`],[y,1,`required`],[x,1,`readonly`],[C,1,`controlElement`]],m,0,void 0,t.default),o),a=class extends R{constructor(){super(z),M(this,`styles`,n.default),p()}},M(a,T,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return z}});
 //# sourceMappingURL=Input.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs.js","names":["customElement","FormControlComponent","html","property","query","styles","_classDecs","_Input","_Input2","_A","WeakMap","_B","_ref","_typeDecs","type","String","reflect","_controlElementDecs","_Input3","Input","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_type","_init_controlElement","_classPrivateFieldGet","v","_classPrivateFieldSet","controlElement","render","controlTrait","renderLabel","controlId","name","placeholder","required","value","onInput","onKeyDown","e","key","preventDefault","onSubmit","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/input/Input.ts"],"sourcesContent":["import { customElement, FormControlComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\n\nimport styles from './Input.styles.css'\n\n@customElement('solid-ui-input')\nexport default class Input extends FormControlComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor type = 'text';\n\n  @query('input')\n  protected accessor controlElement: HTMLInputElement | null = null;\n\n  protected render () {\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.controlTrait.controlId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @input=${() => this.controlTrait.onInput()}\n          @keydown=${this.onKeyDown}\n        />\n      </div>\n    `\n  }\n\n  private onKeyDown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n\n      this.controlTrait.onSubmit()\n    }\n  }\n}\n"],"mappings":"22IAIuCM,EAAA,CAEtCN,EAAAA,cAAc,gBAAgB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAIpB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGnC,OAAO,EAAC,QAAAC,EAPjB,cACmCjB,EAAAA,OAAqB,CAAAmB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAb,GAAAc,EAAA,IAAA,EAAAC,EAAA,KAItC,MAAM,EAAA,EAAAF,EAAA,KAAAX,EAAAc,EAAA,KAGuC,IAAI,CAAA,CAAA,CAAA,IAAAb,IAAA,CAAA,OAAAc,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAHxDK,KAAIa,EAAA,CAAAC,EAAAnB,EAAA,KAAAkB,CAAA,CAAA,CAAA,IAGME,gBAAc,CAAA,OAAAH,EAAAf,EAAA,IAAA,CAAA,CAAA,IAAdkB,eAAcF,EAAA,CAAAC,EAAAjB,EAAA,KAAAgB,CAAA,CAAA,CAEvBG,QAAU,CAClB,MAAO5B,GAAAA,IAAI;QACP,KAAK6B,aAAaC,YAAY,EAAC;;;;eAIxB,KAAKD,aAAaE,UAAS;iBACzB,KAAKnB,KAAI;iBACT,KAAKoB,KAAI;wBACF,KAAKC,YAAW;sBAClB,KAAKC,SAAQ;mBAChB,KAAKC,MAAK;uBACJ,KAAKN,aAAaO,QAAQ,EAAC;qBAC/B,KAAKC,UAAS;;;KAIjC,CAEQA,UAAWC,EAAkB,CAC/BA,EAAEC,MAAQ,UACZD,EAAEE,eAAe,EAEjB,KAAKX,aAAaY,SAAS,EAE/B,CACF,EAAC,CAAAH,EAAA,CAAAhB,EAAAC,EAAAF,GAAAqB,EAAA,CAAArC,EAAAsC,IAAAC,EAAA5B,EAAA,CAAA,CAAAL,EAAA,EAAA,MAAA,EAAA,CAAAI,EAAA,EAAA,gBAAA,CAAA,EAAAX,EAAA,EAAA,IAAA,GAnCkCL,EAAAA,OAAoB,EAAAiB,GAAA6B,EAAA,cAAAC,CAAA,CAAA5B,aAAA,CAAA,MAAAb,CAAA,EAAA0C,EAAA,KAAA,SACrC5C,EAAAA,OAAM,EAAAwC,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAvC,EAAA,IAAA,EAAA,EAAAuC"}
+{"version":3,"file":"Input.cjs.js","names":["customElement","FormControlComponent","html","property","query","styles","_classDecs","_Input","_Input2","_A","WeakMap","_B","_C","_D","_E","_ref","_typeDecs","type","String","reflect","_placeholderDecs","_requiredDecs","Boolean","_readonlyDecs","_controlElementDecs","_Input3","Input","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_type","_init_placeholder","_init_required","_init_readonly","_init_controlElement","_classPrivateFieldGet","v","_classPrivateFieldSet","placeholder","required","readonly","controlElement","render","controlTrait","renderLabel","controlId","name","value","onInput","onKeyDown","e","key","preventDefault","onSubmit","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/input/Input.ts"],"sourcesContent":["import { customElement, FormControlComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\n\nimport styles from './Input.styles.css'\n\n@customElement('solid-ui-input')\nexport default class Input extends FormControlComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor type = 'text';\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @property({ type: Boolean, reflect: true })\n  accessor readonly = false;\n\n  @query('input')\n  protected accessor controlElement: HTMLInputElement | null = null;\n\n  protected render () {\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.controlTrait.controlId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          ?readonly=${this.readonly}\n          @input=${() => this.controlTrait.onInput()}\n          @keydown=${this.onKeyDown}\n        />\n      </div>\n    `\n  }\n\n  private onKeyDown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n\n      this.controlTrait.onSubmit()\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -2,6 +2,9 @@ import { FormControlComponent } from '../../lib/components';
 export default class Input extends FormControlComponent {
     static styles: import('lit').CSSResult;
     accessor type: string;
+    accessor placeholder: string;
+    accessor required: boolean;
+    accessor readonly: boolean;
     protected accessor controlElement: HTMLInputElement | null;
     protected render(): import('lit-html').TemplateResult<1>;
     private onKeyDown;

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

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

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

@@ -5,32 +5,32 @@ import n from "./Input.styles.esm.js";
 import { html as r } from "lit";
 import { property as i, query as a } from "lit/decorators.js";
 //#region src/components/input/Input.ts
-var o, s, c, l, u, d, f, p, m, h, g, _, v;
-function y(e, t, n) {
-	b(e, t), t.set(e, n);
+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 b(e, t) {
+function k(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function x(e, t, n) {
-	return e.set(C(e, t), n), n;
+function A(e, t, n) {
+	return e.set(M(e, t), n), n;
 }
-function S(e, t) {
-	return e.get(C(e, t));
+function j(e, t) {
+	return e.get(M(e, t));
 }
-function C(e, t, n) {
+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 w(e, t, n) {
-	return (t = E(t)) in e ? Object.defineProperty(e, t, {
+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 T(e, t, n, r, i, a) {
+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);
@@ -53,16 +53,16 @@ function T(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: O(function() {
+				get: L(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || O(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : 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 = {}, k = {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
 				kind: [
 					"field",
 					"accessor",
@@ -79,23 +79,23 @@ function T(e, t, n, r, i, a) {
 				}.bind(null, D)
 			};
 			try {
-				if (y) (g = c(T.call(E, C, k), "class decorators", "return")) && (C = g);
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
 				else {
-					var A, j;
-					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
 						return h(e), b.value;
-					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
 						return e[r];
-					}, (i < 2 || i === 4) && (j = function(e, t) {
+					}, (i < 2 || i === 4) && (A = function(e, t) {
 						e[r] = t;
 					}));
-					var M = k.access = { has: d ? m.bind() : function(e) {
+					var j = 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 ? {
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
 						get: b.get,
 						set: b.set
-					} : b[S], k), p) {
+					} : 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);
@@ -119,7 +119,7 @@ function T(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 R(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -133,7 +133,7 @@ function T(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 : E(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				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;
@@ -146,11 +146,11 @@ function T(e, t, n, r, i, a) {
 		}
 	};
 }
-function E(e) {
-	var t = D(e, "string");
+function F(e) {
+	var t = I(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function D(e, t) {
+function I(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -160,7 +160,7 @@ function D(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function O(e, t, n) {
+function L(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -170,33 +170,60 @@ function O(e, t, n) {
 	} catch {}
 	return e;
 }
-function k(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 A(e) {
+function z(e) {
 	return e;
 }
-f = [e("solid-ui-input")];
-var j;
-new (_ = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), v = (p = i({
+h = [e("solid-ui-input")];
+var B;
+new (E = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), D = (g = i({
+	type: String,
+	reflect: !0
+}), v = i({
 	type: String,
 	reflect: !0
-}), h = a("input"), "type"), s = class extends t {
+}), b = i({
+	type: Boolean,
+	reflect: !0
+}), S = i({
+	type: Boolean,
+	reflect: !0
+}), w = a("input"), "type"), s = class extends t {
 	constructor(...e) {
-		super(...e), y(this, c, (u(this), m(this, "text"))), y(this, l, g(this, null));
+		super(...e), O(this, c, (p(this), _(this, "text"))), O(this, l, y(this, "")), O(this, u, x(this, !1)), O(this, d, C(this, !1)), O(this, f, T(this, null));
 	}
-	get [v]() {
-		return S(c, this);
+	get [D]() {
+		return j(c, this);
 	}
 	set type(e) {
-		x(c, this, e);
+		A(c, this, e);
+	}
+	get placeholder() {
+		return j(l, this);
+	}
+	set placeholder(e) {
+		A(l, this, e);
+	}
+	get required() {
+		return j(u, this);
+	}
+	set required(e) {
+		A(u, this, e);
+	}
+	get readonly() {
+		return j(d, this);
+	}
+	set readonly(e) {
+		A(d, this, e);
 	}
 	get controlElement() {
-		return S(l, this);
+		return j(f, this);
 	}
 	set controlElement(e) {
-		x(l, this, e);
+		A(f, this, e);
 	}
 	render() {
 		return r`
@@ -210,6 +237,7 @@ new (_ = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), v =
           placeholder=${this.placeholder}
           ?required=${this.required}
           .value=${this.value}
+          ?readonly=${this.readonly}
           @input=${() => this.controlTrait.onInput()}
           @keydown=${this.onKeyDown}
         />
@@ -219,20 +247,38 @@ new (_ = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), v =
 	onKeyDown(e) {
 		e.key === "Enter" && (e.preventDefault(), this.controlTrait.onSubmit());
 	}
-}, {e: [m, g, u], c: [j, d]} = T(s, [[
-	p,
-	1,
-	"type"
-], [
-	h,
-	1,
-	"controlElement"
-]], f, 0, void 0, t), s), o = class extends A {
+}, {e: [_, y, x, C, T, p], c: [B, m]} = P(s, [
+	[
+		g,
+		1,
+		"type"
+	],
+	[
+		v,
+		1,
+		"placeholder"
+	],
+	[
+		b,
+		1,
+		"required"
+	],
+	[
+		S,
+		1,
+		"readonly"
+	],
+	[
+		w,
+		1,
+		"controlElement"
+	]
+], h, 0, void 0, t), s), o = class extends z {
 	constructor() {
-		super(j), w(this, "styles", n), d();
+		super(B), N(this, "styles", n), m();
 	}
-}, w(o, _, void 0), o)();
+}, N(o, E, void 0), o)();
 //#endregion
-export { j as default };
+export { B as default };
 
 //# sourceMappingURL=Input.esm.js.map

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

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

package/dist/components/input/Input.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}`;exports.default=e;
+var e=require("lit").css`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}:host .input-wrapper input:read-only{cursor:not-allowed;border:none;padding:0}`;exports.default=e;
 //# sourceMappingURL=Input.styles.cjs.js.map

package/dist/components/input/Input.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.cjs.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Input.styles.cjs.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n        }\n\n        input:read-only {\n            border: none;\n            padding: 0;\n            cursor: not-allowed;\n        }\n    }\n    \n}\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/input/Input.styles.css
-var t = e`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}`;
+var t = e`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}:host .input-wrapper input:read-only{cursor:not-allowed;border:none;padding:0}`;
 //#endregion
 export { t as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.esm.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Input.styles.esm.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n        }\n\n        input:read-only {\n            border: none;\n            padding: 0;\n            cursor: not-allowed;\n        }\n    }\n    \n}\n"],"mappings":""}

package/dist/components/input.js

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

package/dist/components/login-button/LoginButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","login","e","preventDefault","_LoginButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/login-button/LoginButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.login()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,QAAAA,CAE5B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzBwCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEfd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,MAAM,CAClB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzBwCL,EAAAA,OAAY,EAAA+B,EAAA"}
+{"version":3,"file":"LoginButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","login","e","preventDefault","_LoginButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/login-button/LoginButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.login()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAEpCT,EAAAA,QAAAA,CAAQ,CAAEU,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzBwCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEfd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,MAAM,CAClB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzBwCL,EAAAA,OAAY,EAAA+B,EAAA"}

package/dist/components/login-button.js

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

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

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

package/dist/components/login-modal.js

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

package/dist/components/logout-button/LogoutButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","logout","e","preventDefault","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.logout()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,QAAAA,CAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}
+{"version":3,"file":"LogoutButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","logout","e","preventDefault","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.logout()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAErCT,EAAAA,QAAAA,CAAQ,CAAEU,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}

package/dist/components/logout-button.js

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

package/dist/components/menu/Menu.cjs.js

@@ -10,5 +10,5 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
                 <slot name=${e.slot}></slot>
             </wa-dropdown-item>`)}
       </wa-dropdown>
-    `}syncItems(){let e=Array.from(this.children).filter(e=>!e.hasAttribute(`slot`));this.items=e.map((e,t)=>{let n=`menu-item-${t}`;return e.getAttribute(`slot`)!==n&&e.setAttribute(`slot`,n),{slot:n}})}onItemClick(e){let t=e.currentTarget;e.stopPropagation(),!t.disabled&&(this.dispatchSelectEvent(t).defaultPrevented||!this.dropdown||(this.dropdown.open=!1))}onWaSelect(e){if(this.dispatchSelectEvent(e.detail.item).defaultPrevented){e.preventDefault();return}let t=e.detail.item.children[0].getAttribute(`name`);this.querySelector(`[slot="${t}"]`)?.click?.()}dispatchSelectEvent(e){let t=e.children[0].getAttribute(`name`),n=this.querySelector(`[slot="${t}"]`),r=new CustomEvent(`solid-ui-select`,{bubbles:!0,composed:!0,cancelable:!0});return n?.dispatchEvent(r),r}},{e:[h,_,y,x,d],c:[I,f]}=A(o,[[m,1,`placement`],[g,1,`distance`],[v,1,`dropdown`],[b,1,`items`]],p,0,void 0,t.default),o),a=class extends F{constructor(){super(I),k(this,`styles`,n.default),f()}},k(a,S,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return I}});
+    `}syncItems(){let e=Array.from(this.children).filter(e=>e.getAttribute(`slot`)!==`trigger`);this.items=e.map((e,t)=>{let n=`menu-item-${t}`;return e.getAttribute(`slot`)!==n&&e.setAttribute(`slot`,n),{slot:n}})}onItemClick(e){let t=e.currentTarget;e.stopPropagation(),!t.disabled&&(this.dispatchSelectEvent(t).defaultPrevented||!this.dropdown||(this.dropdown.open=!1))}onWaSelect(e){if(this.dispatchSelectEvent(e.detail.item).defaultPrevented){e.preventDefault();return}let t=e.detail.item.children[0].getAttribute(`name`);this.querySelector(`[slot="${t}"]`)?.click?.()}dispatchSelectEvent(e){let t=e.children[0].getAttribute(`name`),n=this.querySelector(`[slot="${t}"]`),r=new CustomEvent(`solid-ui-select`,{bubbles:!0,composed:!0,cancelable:!0});return n?.dispatchEvent(r),r}},{e:[h,_,y,x,d],c:[I,f]}=A(o,[[m,1,`placement`],[g,1,`distance`],[v,1,`dropdown`],[b,1,`items`]],p,0,void 0,t.default),o),a=class extends F{constructor(){super(I),k(this,`styles`,n.default),f()}},k(a,S,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return I}});
 //# sourceMappingURL=Menu.cjs.js.map