solid-ui 3.1.3-4 → 3.1.3-6

package/dist/components/account/Account.cjs.js

@@ -1,18 +1,16 @@
-const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components/decorators.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js"),require("../button/index.cjs.js"),require("../../lib/auth/index.cjs.js"),require("../avatar/index.cjs.js"),require("../login-button/index.cjs.js"),require("../logout-button/index.cjs.js"),require("../menu-item/index.cjs.js"),require("../menu-items/index.cjs.js"),require("../menu/index.cjs.js"),require("../signup-button/index.cjs.js"),require("../../_virtual/~icons/lucide/log-in.cjs.js"),require("../../_virtual/~icons/lucide/log-out.cjs.js"),require("../../_virtual/~icons/lucide/user.cjs.js");const r=require("./Account.styles.cjs.js");let i=require("@lit/context"),a=require("lit");var o,s,c,l,u,d,f,p,m,h;function g(e,t,n){_(e,t),t.set(e,n)}function _(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function v(e,t,n){return e.set(b(e,t),n),n}function y(e,t){return e.get(b(e,t))}function b(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function x(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(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:T(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||T(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 E=_[w],D=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(E.call(D,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=E.call(D,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 E(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:C(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 C(e){var t=w(e,`string`);return typeof t==`symbol`?t:t+``}function w(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 T(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 E(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 D(e){return e}d=[t.customElement(`solid-ui-account`)];var O;new(m=(c=new WeakMap,h=(f=(0,i.consume)({context:e.authContext,subscribe:!0}),`auth`),s=class extends n.default{constructor(...t){super(...t),g(this,c,(l(this),p(this,e.DEFAULT_AUTH_CONTEXT))),x(this,`unsubscribeSessionUpdated`,void 0)}get[h](){return y(c,this)}set auth(e){v(c,this,e)}connectedCallback(){super.connectedCallback(),this.unsubscribeSessionUpdated=this.auth.onSessionUpdated(()=>this.requestUpdate())}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeSessionUpdated?.()}render(){return this.auth.account?a.html`
-        <solid-ui-menu>
+const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components/decorators.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js"),require("../button/index.cjs.js"),require("../../lib/auth/index.cjs.js"),require("../avatar/index.cjs.js"),require("../login-button/index.cjs.js"),require("../logout-button/index.cjs.js"),require("../menu-item/index.cjs.js"),require("../menu/index.cjs.js"),require("../signup-button/index.cjs.js"),require("../../_virtual/~icons/lucide/log-in.cjs.js"),require("../../_virtual/~icons/lucide/log-out.cjs.js"),require("../../_virtual/~icons/lucide/user.cjs.js");const r=require("./Account.styles.cjs.js");let i=require("@lit/context"),a=require("lit");var o,s,c,l,u,d,f,p,m,h;function g(e,t,n){_(e,t),t.set(e,n)}function _(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function v(e,t,n){return e.set(b(e,t),n),n}function y(e,t){return e.get(b(e,t))}function b(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function x(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(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:T(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||T(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 E=_[w],D=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(E.call(D,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=E.call(D,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 E(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:C(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 C(e){var t=w(e,`string`);return typeof t==`symbol`?t:t+``}function w(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 T(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 E(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 D(e){return e}d=[t.customElement(`solid-ui-account`)];var O;new(m=(c=new WeakMap,h=(f=(0,i.consume)({context:e.authContext,subscribe:!0}),`auth`),s=class extends n.default{constructor(...t){super(...t),g(this,c,(l(this),p(this,e.DEFAULT_AUTH_CONTEXT))),x(this,`unsubscribeSessionUpdated`,void 0)}get[h](){return y(c,this)}set auth(e){v(c,this,e)}connectedCallback(){super.connectedCallback(),this.unsubscribeSessionUpdated=this.auth.onSessionUpdated(()=>this.requestUpdate())}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeSessionUpdated?.()}render(){return this.auth.account?a.html`
+        <solid-ui-menu placement="bottom-end" distance="5">
             <button type="button" slot="trigger">
                 <solid-ui-avatar></solid-ui-avatar>
                 <icon-lucide-chevron-down slot="right-icon"></icon-lucide-chevron-down>
             </button>
 
-            <solid-ui-menu-items>
-                <solid-ui-logout-button>
-                    <solid-ui-menu-item slot="trigger">
-                        <icon-lucide-log-out slot="left-icon"></icon-lucide-log-out>
-                        Sign out
-                    </solid-ui-menu-item>
-                </solid-ui-logout-button>
-            </solid-ui-menu-items>
+            <solid-ui-logout-button>
+                <solid-ui-menu-item slot="trigger">
+                    <icon-lucide-log-out slot="left-icon"></icon-lucide-log-out>
+                    Sign out
+                </solid-ui-menu-item>
+            </solid-ui-logout-button>
         </solid-ui-menu>
     `:a.html`
         <solid-ui-login-button>

package/dist/components/account/Account.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.cjs.js","names":["consume","html","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","e","c","_initClass","_applyDecs","_Class","_identity","loggedIn","component","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu-items'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\n\nimport styles from './Account.styles.css'\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    loggedIn: (component: Account) => !!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.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu>\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            <solid-ui-menu-items>\n                <solid-ui-logout-button>\n                    <solid-ui-menu-item slot=\"trigger\">\n                        <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                        Sign out\n                    </solid-ui-menu-item>\n                </solid-ui-logout-button>\n            </solid-ui-menu-items>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"y6JAkByCO,EAAA,CAExCL,EAAAA,cAAc,kBAAkB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAOvB,CAAEC,QAASV,EAAAA,YAAaW,UAAW,EAAK,CAAC,EAAC,QAAAC,EAPrD,cACqCb,EAAAA,OAAa,CAAAe,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAOXjB,EAAAA,oBAAoB,EAAA,EAAAkB,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,CAkBlB,OAjBK,KAAKR,KAAKS,QAiBRjC,EAAAA,IAAI;;;;;;;;;;;;;;;;MAhBFA,EAAAA,IAAI;;;;;;;;;;;;;OAiCf,CACF,EAAC,CAAAkC,EAAA,CAAAb,EAAAD,GAAAe,EAAA,CAAA5B,EAAA6B,IAAAC,EAAAtB,EAAA,CAAA,CAAAH,EAAA,EAAA,MAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GA3DoCJ,EAAAA,OAAY,EAAAa,GAAAuB,EAAA,cAAAC,CAAA,CAAAtB,aAAA,CAAA,MAAAV,CAAA,EAAAe,EAAA,KAAA,SAC/BjB,EAAAA,OAAM,EAAAiB,EAAA,KAAA,SACN,CACdkB,SAAWC,GAAuB,CAAC,CAACA,EAAUjB,KAAKS,OACrD,CAAC,EAAAG,EAAA,CAAA,CAAA,EAAAd,EAAAgB,EAAA9B,EAAA,IAAA,EAAA,EAAA8B"}
+{"version":3,"file":"Account.cjs.js","names":["consume","html","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","e","c","_initClass","_applyDecs","_Class","_identity","loggedIn","component","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\n\nimport styles from './Account.styles.css'\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    loggedIn: (component: Account) => !!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.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\" distance=\"5\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"m4JAiByCO,EAAA,CAExCL,EAAAA,cAAc,kBAAkB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAOvB,CAAEC,QAASV,EAAAA,YAAaW,UAAW,EAAK,CAAC,EAAC,QAAAC,EAPrD,cACqCb,EAAAA,OAAa,CAAAe,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAOXjB,EAAAA,oBAAoB,EAAA,EAAAkB,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,CAkBlB,OAjBK,KAAKR,KAAKS,QAiBRjC,EAAAA,IAAI;;;;;;;;;;;;;;MAhBFA,EAAAA,IAAI;;;;;;;;;;;;;OA+Bf,CACF,EAAC,CAAAkC,EAAA,CAAAb,EAAAD,GAAAe,EAAA,CAAA5B,EAAA6B,IAAAC,EAAAtB,EAAA,CAAA,CAAAH,EAAA,EAAA,MAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GAzDoCJ,EAAAA,OAAY,EAAAa,GAAAuB,EAAA,cAAAC,CAAA,CAAAtB,aAAA,CAAA,MAAAV,CAAA,EAAAe,EAAA,KAAA,SAC/BjB,EAAAA,OAAM,EAAAiB,EAAA,KAAA,SACN,CACdkB,SAAWC,GAAuB,CAAC,CAACA,EAAUjB,KAAKS,OACrD,CAAC,EAAAG,EAAA,CAAA,CAAA,EAAAd,EAAAgB,EAAA9B,EAAA,IAAA,EAAA,EAAA8B"}

package/dist/components/account/Account.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Account.d.ts","sourceRoot":"","sources":["../../../src/components/account/Account.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,qBAAqB,CAAA;AAC5B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,yBAAyB,CAAA;AAChC,OAAO,mBAAmB,CAAA;AAC1B,OAAO,4BAA4B,CAAA;AACnC,OAAO,4BAA4B,CAAA;AACnC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAK3B,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAC/C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,MAAM;8BACW,OAAO;MAC9B;IAGD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,OAAO,CAAC,yBAAyB,CAAC,CAAY;IAE9C,iBAAiB;IAMjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;CAoCjB"}
+{"version":3,"file":"Account.d.ts","sourceRoot":"","sources":["../../../src/components/account/Account.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,qBAAqB,CAAA;AAC5B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,4BAA4B,CAAA;AACnC,OAAO,4BAA4B,CAAA;AACnC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAK3B,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAC/C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,MAAM;8BACW,OAAO;MAC9B;IAGD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,OAAO,CAAC,yBAAyB,CAAC,CAAY;IAE9C,iBAAiB;IAMjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;CAkCjB"}

package/dist/components/account/Account.esm.js

@@ -9,7 +9,6 @@ import "../avatar/index.esm.js";
 import "../login-button/index.esm.js";
 import "../logout-button/index.esm.js";
 import "../menu-item/index.esm.js";
-import "../menu-items/index.esm.js";
 import "../menu/index.esm.js";
 import "../signup-button/index.esm.js";
 import "../../_virtual/~icons/lucide/log-in.esm.js";
@@ -214,20 +213,18 @@ new (h = (l = /*#__PURE__*/ new WeakMap(), g = (p = a({
 	}
 	render() {
 		return this.auth.account ? o`
-        <solid-ui-menu>
+        <solid-ui-menu placement="bottom-end" distance="5">
             <button type="button" slot="trigger">
                 <solid-ui-avatar></solid-ui-avatar>
                 <icon-lucide-chevron-down slot="right-icon"></icon-lucide-chevron-down>
             </button>
 
-            <solid-ui-menu-items>
-                <solid-ui-logout-button>
-                    <solid-ui-menu-item slot="trigger">
-                        <icon-lucide-log-out slot="left-icon"></icon-lucide-log-out>
-                        Sign out
-                    </solid-ui-menu-item>
-                </solid-ui-logout-button>
-            </solid-ui-menu-items>
+            <solid-ui-logout-button>
+                <solid-ui-menu-item slot="trigger">
+                    <icon-lucide-log-out slot="left-icon"></icon-lucide-log-out>
+                    Sign out
+                </solid-ui-menu-item>
+            </solid-ui-logout-button>
         </solid-ui-menu>
     ` : o`
         <solid-ui-login-button>

package/dist/components/account/Account.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.esm.js","names":["consume","html","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","e","c","_initClass","_applyDecs","_Class","_identity","loggedIn","component","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu-items'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\n\nimport styles from './Account.styles.css'\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    loggedIn: (component: Account) => !!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.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu>\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            <solid-ui-menu-items>\n                <solid-ui-logout-button>\n                    <solid-ui-menu-item slot=\"trigger\">\n                        <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                        Sign out\n                    </solid-ui-menu-item>\n                </solid-ui-logout-button>\n            </solid-ui-menu-items>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkByCO,IAAA,CAExCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO/Bb,EAAQ;CAAEc,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACqCb,EAAa;CAAAe,YAAA,GAAAC,GAAA;EAOSI,AAPT,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOXjB,CAAoB,EAAA,GAAAkB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKJ,KAAKK,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAkBlB,OAjBK,KAAKR,KAAKS,UAiBRjC,CAAI;;;;;;;;;;;;;;;;QAhBFA,CAAI;;;;;;;;;;;;;;CAiCf;AACF,GAAC,CAAAkC,GAAA,CAAAb,GAAAD,IAAAe,GAAA,CAAA5B,GAAA6B,MAAAC,EAAAtB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GA3DoCJ,CAAY,GAAAa,IAAAuB,IAAA,cAAAC,EAAA;CAAAtB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC/BjB,CAAM,GAAAiB,EAAA,MAAA,UACN,EACdkB,WAAWC,MAAuB,CAAC,CAACA,EAAUjB,KAAKS,QACrD,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAd,EAAAgB,GAAA9B,GAAA,KAAA,CAAA,GAAA8B,GAAA"}
+{"version":3,"file":"Account.esm.js","names":["consume","html","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","e","c","_initClass","_applyDecs","_Class","_identity","loggedIn","component","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\n\nimport styles from './Account.styles.css'\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    loggedIn: (component: Account) => !!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.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\" distance=\"5\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiByCO,IAAA,CAExCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO/Bb,EAAQ;CAAEc,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACqCb,EAAa;CAAAe,YAAA,GAAAC,GAAA;EAOSI,AAPT,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOXjB,CAAoB,EAAA,GAAAkB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKJ,KAAKK,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAkBlB,OAjBK,KAAKR,KAAKS,UAiBRjC,CAAI;;;;;;;;;;;;;;QAhBFA,CAAI;;;;;;;;;;;;;;CA+Bf;AACF,GAAC,CAAAkC,GAAA,CAAAb,GAAAD,IAAAe,GAAA,CAAA5B,GAAA6B,MAAAC,EAAAtB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAzDoCJ,CAAY,GAAAa,IAAAuB,IAAA,cAAAC,EAAA;CAAAtB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC/BjB,CAAM,GAAAiB,EAAA,MAAA,UACN,EACdkB,WAAWC,MAAuB,CAAC,CAACA,EAAUjB,KAAKS,QACrD,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAd,EAAAgB,GAAA9B,GAAA,KAAA,CAAA,GAAA8B,GAAA"}

package/dist/components/account.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/account-BUAN8dcJ.js";
+import { n as e, t } from "../chunks/account-CFhrB0LO.js";
 export { e as Account, t as default };

package/dist/components/avatar.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/avatar-CsuCQCRu.js";
+import { n as e, t } from "../chunks/avatar-D281qln0.js";
 export { e as Avatar, t as default };

package/dist/components/button.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../chunks/button-GHRF3psH.js";
+import { n as e, r as t, t as n } from "../chunks/button-DbKYu6-r.js";
 export { e as BUTTON_VARIANTS, t as Button, n as default };

package/dist/components/combobox/Combobox.cjs.js

@@ -1,18 +1,27 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/ids.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js");const r=require("./Combobox.styles.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D;function O(e,t,n){k(e,t),t.set(e,n)}function k(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function A(e,t,n){return e.set(M(e,t),n),n}function j(e,t){return e.get(M(e,t))}function M(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function N(e,t,n){return(t=F(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:L(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||L(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return R(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:F(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function F(e){var t=I(e,`string`);return typeof t==`symbol`?t:t+``}function I(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function L(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function R(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function z(e){return e}h=[e.customElement(`solid-ui-combobox`)];var B;new(E=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,D=(g=(0,a.property)({type:String,reflect:!0}),v=(0,a.property)({type:String}),b=(0,a.query)(`[popover]`),S=(0,a.query)(`input`),w=(0,a.state)(),`label`),s=class extends n.default{constructor(...e){super(...e),O(this,c,(p(this),_(this,``))),O(this,l,y(this,``)),O(this,u,x(this,null)),O(this,d,C(this,null)),O(this,f,T(this,``)),N(this,`inputId`,`combobox-${t.generateId()}`)}get[D](){return j(c,this)}set label(e){A(c,this,e)}get value(){return j(l,this)}set value(e){A(l,this,e)}get popoverElement(){return j(u,this)}set popoverElement(e){A(u,this,e)}get inputElement(){return j(d,this)}set inputElement(e){A(d,this,e)}get filter(){return j(f,this)}set filter(e){A(f,this,e)}render(){let e=this.getOptions().filter(e=>e.toLowerCase().includes(this.filter));return i.html`
-        ${this.label?i.html`<label for="${this.inputId}">${this.label}</label>`:``}
-        <div class="input-wrapper">
-            <input
-                id="${this.inputId}"
-                .value=${this.value}
-                type="text"
-                @keydown=${this.onInputKeyDown}
-                @click=${this.onInputClick}
-                @input=${this.onInputChange}
-            />
-            <icon-lucide-chevron-down></icon-lucide-chevron-down>
-        </div>
-        <div role="listbox" aria-labelledby="${this.inputId}" popover>
-          ${e.map(e=>i.html`<div role="option" aria-selected="false" @click=${()=>this.onOptionClick(e)}>${e}</div>`)}
-        </div>
-    `}getOptions(){let e=this.querySelectorAll(`solid-ui-combobox-option`);return Array.from(e).map(e=>e.value)}setValue(e){this.filter=e.toLowerCase(),this.value=e,this.getInternals().setFormValue(e),this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))}onInputKeyDown(e){switch(e.key){case`ArrowDown`:e.preventDefault(),this.popoverElement?.showPopover();break;case`Enter`:this.popoverElement?.matches(`:popover-open`)||(e.preventDefault(),this.getInternals().form?.requestSubmit());break}}onInputClick(e){e.preventDefault(),this.popoverElement?.showPopover()}onInputChange(){this.setValue(this.inputElement?.value??``)}onOptionClick(e){this.setValue(e),this.popoverElement?.hidePopover()}},{e:[_,y,x,C,T,p],c:[B,m]}=P(s,[[g,1,`label`],[v,1,`value`],[b,1,`popoverElement`],[S,1,`inputElement`],[w,1,`filter`]],h,0,void 0,n.default),s),o=class extends z{constructor(){super(B),N(this,`styles`,r.default),N(this,`formAssociated`,!0),m()}},N(o,E,void 0),o),Object.defineProperty(exports,"_Combobox",{enumerable:!0,get:function(){return B}});
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/components/traits/InputTrait.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js");const r=require("./Combobox.styles.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I;function L(e,t,n){R(e,t),t.set(e,n)}function R(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function z(e,t,n){return e.set(V(e,t),n),n}function B(e,t){return e.get(V(e,t))}function V(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 H(e,t,n){return(t=W(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function U(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 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 q(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:W(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 W(e){var t=G(e,`string`);return typeof t==`symbol`?t:t+``}function G(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 q(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}v=[e.customElement(`solid-ui-combobox`)];var Y;new(F=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,h=new WeakMap,I=(y=(0,a.property)({type:String,reflect:!0}),x=(0,a.property)({type:String,reflect:!0}),C=(0,a.property)({type:String}),T=(0,a.property)({type:String,reflect:!0}),D=(0,a.property)({type:Boolean,reflect:!0}),k=(0,a.query)(`[popover]`),j=(0,a.query)(`input`),N=(0,a.state)(),`label`),s=class extends t.default{get[I](){return B(c,this)}set label(e){z(c,this,e)}get name(){return B(l,this)}set name(e){z(l,this,e)}get value(){return B(u,this)}set value(e){z(u,this,e)}get placeholder(){return B(d,this)}set placeholder(e){z(d,this,e)}get required(){return B(f,this)}set required(e){z(f,this,e)}get popoverElement(){return B(p,this)}set popoverElement(e){z(p,this,e)}get inputElement(){return B(m,this)}set inputElement(e){z(m,this,e)}get filter(){return B(h,this)}set filter(e){z(h,this,e)}constructor(){super(),L(this,c,(g(this),b(this,``))),L(this,l,S(this,``)),L(this,u,w(this,``)),L(this,d,E(this,``)),L(this,f,O(this,!1)),L(this,p,A(this,null)),L(this,m,M(this,null)),L(this,h,P(this,``)),H(this,`inputTrait`,void 0),this.inputTrait=this.addTrait(new n.default(this,{getInputElement:()=>this.inputElement,getInternals:()=>this.getInternals(),onValueChanged:e=>{this.filter=e.toLowerCase()}}))}render(){let e=this.getOptions().filter(e=>e.label.toLowerCase().includes(this.filter));return i.html`
+      ${this.inputTrait.renderLabel()}
+      <div class="input-wrapper">
+        <input
+          id="${this.inputTrait.inputId}"
+          type="text"
+          name=${this.name}
+          ?placeholder=${this.placeholder}
+          ?required=${this.required}
+          .value=${this.value}
+          @keydown=${this.onInputKeyDown}
+          @click=${this.onInputClick}
+          @input=${()=>this.inputTrait.onInput()}
+        />
+        <icon-lucide-chevron-down></icon-lucide-chevron-down>
+      </div>
+      <div role="listbox" aria-labelledby="${this.inputTrait.inputId}" popover>
+        ${e.map(e=>i.html`<div
+              role="option"
+              aria-selected="false"
+              @click=${()=>this.onOptionClick(e.value)}
+            >
+              ${e.label}
+            </div>`)}
+      </div>
+    `}getOptions(){let e=this.querySelectorAll(`solid-ui-combobox-option`);return Array.from(e).map(e=>({value:e.value,label:e.textContent}))}onInputKeyDown(e){switch(e.key){case`ArrowDown`:e.preventDefault(),this.popoverElement?.showPopover();break;case`Enter`:this.popoverElement?.matches(`:popover-open`)||(e.preventDefault(),this.inputTrait.onSubmit());break}}onInputClick(e){e.preventDefault(),this.popoverElement?.showPopover()}onOptionClick(e){this.inputTrait.setValue(e),this.popoverElement?.hidePopover()}},{e:[b,S,w,E,O,A,M,P,g],c:[Y,_]}=U(s,[[y,1,`label`],[x,1,`name`],[C,1,`value`],[T,1,`placeholder`],[D,1,`required`],[k,1,`popoverElement`],[j,1,`inputElement`],[N,1,`filter`]],v,0,void 0,t.default),s),o=class extends J{constructor(){super(Y),H(this,`styles`,r.default),H(this,`formAssociated`,!0),_()}},H(o,F,void 0),o),Object.defineProperty(exports,"_Combobox",{enumerable:!0,get:function(){return Y}});
 //# sourceMappingURL=Combobox.cjs.js.map

package/dist/components/combobox/Combobox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs.js","names":["html","property","query","state","generateId","WebComponent","customElement","styles","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_valueDecs","_popoverElementDecs","_inputElementDecs","_filterDecs","_Combobox3","Combobox","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_label","_init_value","_init_popoverElement","_init_inputElement","_init_filter","_defineProperty","_classPrivateFieldGet","label","v","_classPrivateFieldSet","value","popoverElement","inputElement","filter","render","options","getOptions","option","toLowerCase","includes","inputId","onInputKeyDown","onInputClick","onInputChange","map","onOptionClick","querySelectorAll","Array","from","setValue","getInternals","setFormValue","dispatchEvent","InputEvent","bubbles","composed","e","key","preventDefault","showPopover","matches","form","requestSubmit","hidePopover","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/combobox/Combobox.ts"],"sourcesContent":["import { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { generateId, WebComponent, customElement } from '@/lib/components'\nimport ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Combobox.styles.css'\n\n@customElement('solid-ui-combobox')\nexport default class Combobox 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 })\n  accessor value = ''\n\n  @query('[popover]')\n  private accessor popoverElement: HTMLDivElement | null = null\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  private inputId = `combobox-${generateId()}`\n\n  protected render () {\n    const options = this.getOptions().filter(option => option.toLowerCase().includes(this.filter))\n\n    return html`\n        ${this.label ? html`<label for=\"${this.inputId}\">${this.label}</label>` : ''}\n        <div class=\"input-wrapper\">\n            <input\n                id=\"${this.inputId}\"\n                .value=${this.value}\n                type=\"text\"\n                @keydown=${this.onInputKeyDown}\n                @click=${this.onInputClick}\n                @input=${this.onInputChange}\n            />\n            <icon-lucide-chevron-down></icon-lucide-chevron-down>\n        </div>\n        <div role=\"listbox\" aria-labelledby=\"${this.inputId}\" popover>\n          ${options.map(option => html`<div role=\"option\" aria-selected=\"false\" @click=${() => this.onOptionClick(option)}>${option}</div>`)}\n        </div>\n    `\n  }\n\n  private getOptions (): string[] {\n    const options = this.querySelectorAll<ComboboxOption>('solid-ui-combobox-option')\n\n    return Array.from(options).map(option => option.value)\n  }\n\n  private setValue (value: string) {\n    this.filter = value.toLowerCase()\n    this.value = value\n\n    this.getInternals().setFormValue(value)\n    this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }))\n  }\n\n  private onInputKeyDown (e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        this.popoverElement?.showPopover()\n        break\n      case 'Enter':\n        if (!this.popoverElement?.matches(':popover-open')) {\n          e.preventDefault()\n\n          this.getInternals().form?.requestSubmit()\n        }\n        break\n    }\n  }\n\n  private onInputClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.popoverElement?.showPopover()\n  }\n\n  private onInputChange () {\n    this.setValue(this.inputElement?.value ?? '')\n  }\n\n  private onOptionClick (option: string) {\n    this.setValue(option)\n\n    this.popoverElement?.hidePopover()\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.cjs.js","names":["customElement","WebComponent","html","property","query","state","InputTrait","styles","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_popoverElementDecs","_inputElementDecs","_filterDecs","_Combobox3","Combobox","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","popoverElement","inputElement","filter","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_popoverElement","_init_inputElement","_init_filter","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","onValueChanged","toLowerCase","render","options","getOptions","option","includes","renderLabel","inputId","onInputKeyDown","onInputClick","onInput","map","onOptionClick","querySelectorAll","Array","from","textContent","e","key","preventDefault","showPopover","matches","onSubmit","setValue","hidePopover","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/combobox/Combobox.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Combobox.styles.css'\n\n@customElement('solid-ui-combobox')\nexport default class Combobox extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = ''\n\n  @property({ type: String, reflect: true })\n  accessor name = ''\n\n  @property({ type: String })\n  accessor value = ''\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = ''\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false\n\n  @query('[popover]')\n  private accessor popoverElement: HTMLDivElement | null = null\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(\n      new InputTrait(this, {\n        getInputElement: () => this.inputElement,\n        getInternals: () => this.getInternals(),\n        onValueChanged: (value) => {\n          this.filter = value.toLowerCase()\n        },\n      })\n    )\n  }\n\n  protected render () {\n    const options = this.getOptions().filter((option) =>\n      option.label.toLowerCase().includes(this.filter)\n    )\n\n    return html`\n      ${this.inputTrait.renderLabel()}\n      <div class=\"input-wrapper\">\n        <input\n          id=\"${this.inputTrait.inputId}\"\n          type=\"text\"\n          name=${this.name}\n          ?placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @keydown=${this.onInputKeyDown}\n          @click=${this.onInputClick}\n          @input=${() => this.inputTrait.onInput()}\n        />\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n      <div role=\"listbox\" aria-labelledby=\"${this.inputTrait.inputId}\" popover>\n        ${options.map(\n          (option) =>\n            html`<div\n              role=\"option\"\n              aria-selected=\"false\"\n              @click=${() => this.onOptionClick(option.value)}\n            >\n              ${option.label}\n            </div>`\n        )}\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<ComboboxOption>(\n      'solid-ui-combobox-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n\n  private onInputKeyDown (e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        this.popoverElement?.showPopover()\n        break\n      case 'Enter':\n        if (!this.popoverElement?.matches(':popover-open')) {\n          e.preventDefault()\n\n          this.inputTrait.onSubmit()\n        }\n        break\n    }\n  }\n\n  private onInputClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.popoverElement?.showPopover()\n  }\n\n  private onOptionClick (option: string) {\n    this.inputTrait.setValue(option)\n\n    this.popoverElement?.hidePopover()\n  }\n}\n"],"mappings":"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"}

package/dist/components/combobox/Combobox.d.ts

@@ -3,17 +3,19 @@ export default class Combobox extends WebComponent {
     static styles: import('lit').CSSResult;
     static formAssociated: boolean;
     accessor label: string;
+    accessor name: string;
     accessor value: string;
+    accessor placeholder: string;
+    accessor required: boolean;
     private accessor popoverElement;
     private accessor inputElement;
     private accessor filter;
-    private inputId;
+    private inputTrait;
+    constructor();
     protected render(): import('lit-html').TemplateResult<1>;
     private getOptions;
-    private setValue;
     private onInputKeyDown;
     private onInputClick;
-    private onInputChange;
     private onOptionClick;
 }
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/components/combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAG1E,OAAO,4BAA4B,CAAA;AAKnC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,KAAK,SAAK;IAGnB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA8B;IAG7D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgC;IAG7D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAK;IAE5B,OAAO,CAAC,OAAO,CAA6B;IAE5C,SAAS,CAAC,MAAM;IAsBhB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,aAAa;CAKtB"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAM9D,OAAO,4BAA4B,CAAA;AAKnC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,IAAI,SAAK;IAGlB,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,WAAW,SAAK;IAGzB,QAAQ,CAAC,QAAQ,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA8B;IAG7D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgC;IAG7D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAK;IAE5B,OAAO,CAAC,UAAU,CAAY;;IAgB9B,SAAS,CAAC,MAAM;IAoChB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;CAKtB"}