@lukso/web-components 1.0.6 → 1.0.7

package/dist/shared/tailwind.element.umd.cjs

@@ -0,0 +1,39 @@
+(function(m,b){typeof exports=="object"&&typeof module<"u"?b(exports):typeof define=="function"&&define.amd?define(["exports"],b):(m=typeof globalThis<"u"?globalThis:m||self,b((m["LuksoComponents: tailwind"]=m["LuksoComponents: tailwind"]||{},m["LuksoComponents: tailwind"].element={})))})(this,function(m){"use strict";/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const b=window,Q=b.ShadowRoot&&(b.ShadyCSS===void 0||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,gt=Symbol(),ft=new WeakMap;let Kt=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==gt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(Q&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=ft.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&ft.set(e,t))}return t}toString(){return this.cssText}};const Yt=o=>new Kt(typeof o=="string"?o:o+"",void 0,gt),Ft=(o,t)=>{Q?o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const i=document.createElement("style"),r=b.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,o.appendChild(i)})},mt=Q?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return Yt(e)})(o):o;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var tt;const W=window,vt=W.trustedTypes,Xt=vt?vt.emptyScript:"",wt=W.reactiveElementPolyfillSupport,et={toAttribute(o,t){switch(t){case Boolean:o=o?Xt:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},bt=(o,t)=>t!==o&&(t==t||o==o),it={attribute:!0,type:String,converter:et,reflect:!1,hasChanged:bt};let O=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,i)=>{const r=this._$Ep(i,e);r!==void 0&&(this._$Ev.set(r,i),t.push(r))}),t}static createProperty(t,e=it){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=typeof t=="symbol"?Symbol():"__"+t,r=this.getPropertyDescriptor(t,i,e);r!==void 0&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(r){const n=this[t];this[e]=r,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||it}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const r of i)this.createProperty(r,e[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const r of i)e.unshift(mt(r))}else t!==void 0&&e.push(mt(t));return e}static _$Ep(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return Ft(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=it){var r;const n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){const s=(((r=i.converter)===null||r===void 0?void 0:r.toAttribute)!==void 0?i.converter:et).toAttribute(e,i.type);this._$El=t,s==null?this.removeAttribute(n):this.setAttribute(n,s),this._$El=null}}_$AK(t,e){var i;const r=this.constructor,n=r._$Ev.get(t);if(n!==void 0&&this._$El!==n){const s=r.getPropertyOptions(n),c=typeof s.converter=="function"?{fromAttribute:s.converter}:((i=s.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?s.converter:et;this._$El=n,this[n]=c.fromAttribute(e,s.type),this._$El=null}}requestUpdate(t,e,i){let r=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||bt)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((r,n)=>this[n]=r),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var n;return(n=r.hostUpdate)===null||n===void 0?void 0:n.call(r)}),this.update(i)):this._$Ek()}catch(r){throw e=!1,this._$Ek(),r}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var r;return(r=i.hostUpdated)===null||r===void 0?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};O.finalized=!0,O.elementProperties=new Map,O.elementStyles=[],O.shadowRootOptions={mode:"open"},wt==null||wt({ReactiveElement:O}),((tt=W.reactiveElementVersions)!==null&&tt!==void 0?tt:W.reactiveElementVersions=[]).push("1.6.1");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var rt;const q=window,A=q.trustedTypes,yt=A?A.createPolicy("lit-html",{createHTML:o=>o}):void 0,y=`lit$${(Math.random()+"").slice(9)}$`,$t="?"+y,Gt=`<${$t}>`,E=document,Z=(o="")=>E.createComment(o),M=o=>o===null||typeof o!="object"&&typeof o!="function",xt=Array.isArray,Qt=o=>xt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_t=/-->/g,At=/>/g,x=RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Et=/'/g,St=/"/g,kt=/^(?:script|style|textarea|title)$/i,I=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),Ct=new WeakMap,S=E.createTreeWalker(E,129,null,!1),te=(o,t)=>{const e=o.length-1,i=[];let r,n=t===2?"<svg>":"",s=R;for(let a=0;a<e;a++){const l=o[a];let u,h,d=-1,p=0;for(;p<l.length&&(s.lastIndex=p,h=s.exec(l),h!==null);)p=s.lastIndex,s===R?h[1]==="!--"?s=_t:h[1]!==void 0?s=At:h[2]!==void 0?(kt.test(h[2])&&(r=RegExp("</"+h[2],"g")),s=x):h[3]!==void 0&&(s=x):s===x?h[0]===">"?(s=r??R,d=-1):h[1]===void 0?d=-2:(d=s.lastIndex-h[2].length,u=h[1],s=h[3]===void 0?x:h[3]==='"'?St:Et):s===St||s===Et?s=x:s===_t||s===At?s=R:(s=x,r=void 0);const v=s===x&&o[a+1].startsWith("/>")?" ":"";n+=s===R?l+Gt:d>=0?(i.push(u),l.slice(0,d)+"$lit$"+l.slice(d)+y+v):l+y+(d===-2?(i.push(void 0),a):v)}const c=n+(o[e]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return[yt!==void 0?yt.createHTML(c):c,i]};let J=class{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,s=0;const c=t.length-1,a=this.parts,[l,u]=te(t,e);if(this.el=J.createElement(l,i),S.currentNode=this.el.content,e===2){const h=this.el.content,d=h.firstChild;d.remove(),h.append(...d.childNodes)}for(;(r=S.nextNode())!==null&&a.length<c;){if(r.nodeType===1){if(r.hasAttributes()){const h=[];for(const d of r.getAttributeNames())if(d.endsWith("$lit$")||d.startsWith(y)){const p=u[s++];if(h.push(d),p!==void 0){const v=r.getAttribute(p.toLowerCase()+"$lit$").split(y),w=/([.?@])?(.*)/.exec(p);a.push({type:1,index:n,name:w[2],strings:v,ctor:w[1]==="."?ie:w[1]==="?"?oe:w[1]==="@"?ne:K})}else a.push({type:6,index:n})}for(const d of h)r.removeAttribute(d)}if(kt.test(r.tagName)){const h=r.textContent.split(y),d=h.length-1;if(d>0){r.textContent=A?A.emptyScript:"";for(let p=0;p<d;p++)r.append(h[p],Z()),S.nextNode(),a.push({type:2,index:++n});r.append(h[d],Z())}}}else if(r.nodeType===8)if(r.data===$t)a.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf(y,h+1))!==-1;)a.push({type:7,index:n}),h+=y.length-1}n++}}static createElement(t,e){const i=E.createElement("template");return i.innerHTML=t,i}};function k(o,t,e=o,i){var r,n,s,c;if(t===I)return t;let a=i!==void 0?(r=e._$Co)===null||r===void 0?void 0:r[i]:e._$Cl;const l=M(t)?void 0:t._$litDirective$;return(a==null?void 0:a.constructor)!==l&&((n=a==null?void 0:a._$AO)===null||n===void 0||n.call(a,!1),l===void 0?a=void 0:(a=new l(o),a._$AT(o,e,i)),i!==void 0?((s=(c=e)._$Co)!==null&&s!==void 0?s:c._$Co=[])[i]=a:e._$Cl=a),a!==void 0&&(t=k(o,a._$AS(o,t.values),a,i)),t}let ee=class{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:r}=this._$AD,n=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:E).importNode(i,!0);S.currentNode=n;let s=S.nextNode(),c=0,a=0,l=r[0];for(;l!==void 0;){if(c===l.index){let u;l.type===2?u=new ot(s,s.nextSibling,this,t):l.type===1?u=new l.ctor(s,l.name,l.strings,this,t):l.type===6&&(u=new se(s,this,t)),this.u.push(u),l=r[++a]}c!==(l==null?void 0:l.index)&&(s=S.nextNode(),c++)}return n}p(t){let e=0;for(const i of this.u)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}},ot=class{constructor(t,e,i,r){var n;this.type=2,this._$AH=g,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cm=(n=r==null?void 0:r.isConnected)===null||n===void 0||n}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=k(this,t,e),M(t)?t===g||t==null||t===""?(this._$AH!==g&&this._$AR(),this._$AH=g):t!==this._$AH&&t!==I&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Qt(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==g&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(E.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:r}=t,n=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=J.createElement(r.h,this.options)),r);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===n)this._$AH.p(i);else{const s=new ee(n,this),c=s.v(this.options);s.p(i),this.T(c),this._$AH=s}}_$AC(t){let e=Ct.get(t.strings);return e===void 0&&Ct.set(t.strings,e=new J(t)),e}k(t){xt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new ot(this.O(Z()),this.O(Z()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cm=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}},K=class{constructor(t,e,i,r,n){this.type=1,this._$AH=g,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=g}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){const n=this.strings;let s=!1;if(n===void 0)t=k(this,t,e,0),s=!M(t)||t!==this._$AH&&t!==I,s&&(this._$AH=t);else{const c=t;let a,l;for(t=n[0],a=0;a<n.length-1;a++)l=k(this,c[i+a],e,a),l===I&&(l=this._$AH[a]),s||(s=!M(l)||l!==this._$AH[a]),l===g?t=g:t!==g&&(t+=(l??"")+n[a+1]),this._$AH[a]=l}s&&!r&&this.j(t)}j(t){t===g?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ie=class extends K{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===g?void 0:t}};const re=A?A.emptyScript:"";let oe=class extends K{constructor(){super(...arguments),this.type=4}j(t){t&&t!==g?this.element.setAttribute(this.name,re):this.element.removeAttribute(this.name)}},ne=class extends K{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=k(this,t,e,0))!==null&&i!==void 0?i:g)===I)return;const r=this._$AH,n=t===g&&r!==g||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,s=t!==g&&(r===g||n);n&&this.element.removeEventListener(this.name,this,r),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}},se=class{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){k(this,t)}};const zt=q.litHtmlPolyfillSupport;zt==null||zt(J,ot),((rt=q.litHtmlVersions)!==null&&rt!==void 0?rt:q.litHtmlVersions=[]).push("2.6.1");/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Y=window,nt=Y.ShadowRoot&&(Y.ShadyCSS===void 0||Y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Pt=Symbol(),Ut=new WeakMap;let ae=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==Pt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(nt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=Ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Ut.set(e,t))}return t}toString(){return this.cssText}};const st=o=>new ae(typeof o=="string"?o:o+"",void 0,Pt),le=(o,t)=>{nt?o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const i=document.createElement("style"),r=Y.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,o.appendChild(i)})},Ht=nt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return st(e)})(o):o;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var at;const F=window,Tt=F.trustedTypes,he=Tt?Tt.emptyScript:"",Nt=F.reactiveElementPolyfillSupport,lt={toAttribute(o,t){switch(t){case Boolean:o=o?he:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Ot=(o,t)=>t!==o&&(t==t||o==o),ht={attribute:!0,type:String,converter:lt,reflect:!1,hasChanged:Ot};let C=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,i)=>{const r=this._$Ep(i,e);r!==void 0&&(this._$Ev.set(r,i),t.push(r))}),t}static createProperty(t,e=ht){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=typeof t=="symbol"?Symbol():"__"+t,r=this.getPropertyDescriptor(t,i,e);r!==void 0&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(r){const n=this[t];this[e]=r,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||ht}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const r of i)this.createProperty(r,e[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const r of i)e.unshift(Ht(r))}else t!==void 0&&e.push(Ht(t));return e}static _$Ep(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return le(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=ht){var r;const n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){const s=(((r=i.converter)===null||r===void 0?void 0:r.toAttribute)!==void 0?i.converter:lt).toAttribute(e,i.type);this._$El=t,s==null?this.removeAttribute(n):this.setAttribute(n,s),this._$El=null}}_$AK(t,e){var i;const r=this.constructor,n=r._$Ev.get(t);if(n!==void 0&&this._$El!==n){const s=r.getPropertyOptions(n),c=typeof s.converter=="function"?{fromAttribute:s.converter}:((i=s.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?s.converter:lt;this._$El=n,this[n]=c.fromAttribute(e,s.type),this._$El=null}}requestUpdate(t,e,i){let r=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||Ot)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((r,n)=>this[n]=r),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var n;return(n=r.hostUpdate)===null||n===void 0?void 0:n.call(r)}),this.update(i)):this._$Ek()}catch(r){throw e=!1,this._$Ek(),r}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var r;return(r=i.hostUpdated)===null||r===void 0?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};C.finalized=!0,C.elementProperties=new Map,C.elementStyles=[],C.shadowRootOptions={mode:"open"},Nt==null||Nt({ReactiveElement:C}),((at=F.reactiveElementVersions)!==null&&at!==void 0?at:F.reactiveElementVersions=[]).push("1.5.0");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var dt;const X=window,z=X.trustedTypes,Mt=z?z.createPolicy("lit-html",{createHTML:o=>o}):void 0,$=`lit$${(Math.random()+"").slice(9)}$`,Rt="?"+$,de=`<${Rt}>`,P=document,j=(o="")=>P.createComment(o),L=o=>o===null||typeof o!="object"&&typeof o!="function",It=Array.isArray,ce=o=>It(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",B=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,jt=/-->/g,Lt=/>/g,_=RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Bt=/'/g,Dt=/"/g,Vt=/^(?:script|style|textarea|title)$/i,U=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),Wt=new WeakMap,H=P.createTreeWalker(P,129,null,!1),pe=(o,t)=>{const e=o.length-1,i=[];let r,n=t===2?"<svg>":"",s=B;for(let a=0;a<e;a++){const l=o[a];let u,h,d=-1,p=0;for(;p<l.length&&(s.lastIndex=p,h=s.exec(l),h!==null);)p=s.lastIndex,s===B?h[1]==="!--"?s=jt:h[1]!==void 0?s=Lt:h[2]!==void 0?(Vt.test(h[2])&&(r=RegExp("</"+h[2],"g")),s=_):h[3]!==void 0&&(s=_):s===_?h[0]===">"?(s=r??B,d=-1):h[1]===void 0?d=-2:(d=s.lastIndex-h[2].length,u=h[1],s=h[3]===void 0?_:h[3]==='"'?Dt:Bt):s===Dt||s===Bt?s=_:s===jt||s===Lt?s=B:(s=_,r=void 0);const v=s===_&&o[a+1].startsWith("/>")?" ":"";n+=s===B?l+de:d>=0?(i.push(u),l.slice(0,d)+"$lit$"+l.slice(d)+$+v):l+$+(d===-2?(i.push(void 0),a):v)}const c=n+(o[e]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return[Mt!==void 0?Mt.createHTML(c):c,i]};class D{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,s=0;const c=t.length-1,a=this.parts,[l,u]=pe(t,e);if(this.el=D.createElement(l,i),H.currentNode=this.el.content,e===2){const h=this.el.content,d=h.firstChild;d.remove(),h.append(...d.childNodes)}for(;(r=H.nextNode())!==null&&a.length<c;){if(r.nodeType===1){if(r.hasAttributes()){const h=[];for(const d of r.getAttributeNames())if(d.endsWith("$lit$")||d.startsWith($)){const p=u[s++];if(h.push(d),p!==void 0){const v=r.getAttribute(p.toLowerCase()+"$lit$").split($),w=/([.?@])?(.*)/.exec(p);a.push({type:1,index:n,name:w[2],strings:v,ctor:w[1]==="."?ge:w[1]==="?"?me:w[1]==="@"?ve:G})}else a.push({type:6,index:n})}for(const d of h)r.removeAttribute(d)}if(Vt.test(r.tagName)){const h=r.textContent.split($),d=h.length-1;if(d>0){r.textContent=z?z.emptyScript:"";for(let p=0;p<d;p++)r.append(h[p],j()),H.nextNode(),a.push({type:2,index:++n});r.append(h[d],j())}}}else if(r.nodeType===8)if(r.data===Rt)a.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf($,h+1))!==-1;)a.push({type:7,index:n}),h+=$.length-1}n++}}static createElement(t,e){const i=P.createElement("template");return i.innerHTML=t,i}}function T(o,t,e=o,i){var r,n,s,c;if(t===U)return t;let a=i!==void 0?(r=e._$Co)===null||r===void 0?void 0:r[i]:e._$Cl;const l=L(t)?void 0:t._$litDirective$;return(a==null?void 0:a.constructor)!==l&&((n=a==null?void 0:a._$AO)===null||n===void 0||n.call(a,!1),l===void 0?a=void 0:(a=new l(o),a._$AT(o,e,i)),i!==void 0?((s=(c=e)._$Co)!==null&&s!==void 0?s:c._$Co=[])[i]=a:e._$Cl=a),a!==void 0&&(t=T(o,a._$AS(o,t.values),a,i)),t}class ue{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:r}=this._$AD,n=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:P).importNode(i,!0);H.currentNode=n;let s=H.nextNode(),c=0,a=0,l=r[0];for(;l!==void 0;){if(c===l.index){let u;l.type===2?u=new V(s,s.nextSibling,this,t):l.type===1?u=new l.ctor(s,l.name,l.strings,this,t):l.type===6&&(u=new we(s,this,t)),this.u.push(u),l=r[++a]}c!==(l==null?void 0:l.index)&&(s=H.nextNode(),c++)}return n}p(t){let e=0;for(const i of this.u)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class V{constructor(t,e,i,r){var n;this.type=2,this._$AH=f,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cm=(n=r==null?void 0:r.isConnected)===null||n===void 0||n}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=T(this,t,e),L(t)?t===f||t==null||t===""?(this._$AH!==f&&this._$AR(),this._$AH=f):t!==this._$AH&&t!==U&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ce(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==f&&L(this._$AH)?this._$AA.nextSibling.data=t:this.T(P.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:r}=t,n=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=D.createElement(r.h,this.options)),r);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===n)this._$AH.p(i);else{const s=new ue(n,this),c=s.v(this.options);s.p(i),this.T(c),this._$AH=s}}_$AC(t){let e=Wt.get(t.strings);return e===void 0&&Wt.set(t.strings,e=new D(t)),e}k(t){It(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new V(this.O(j()),this.O(j()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cm=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}}class G{constructor(t,e,i,r,n){this.type=1,this._$AH=f,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=f}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){const n=this.strings;let s=!1;if(n===void 0)t=T(this,t,e,0),s=!L(t)||t!==this._$AH&&t!==U,s&&(this._$AH=t);else{const c=t;let a,l;for(t=n[0],a=0;a<n.length-1;a++)l=T(this,c[i+a],e,a),l===U&&(l=this._$AH[a]),s||(s=!L(l)||l!==this._$AH[a]),l===f?t=f:t!==f&&(t+=(l??"")+n[a+1]),this._$AH[a]=l}s&&!r&&this.j(t)}j(t){t===f?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class ge extends G{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===f?void 0:t}}const fe=z?z.emptyScript:"";class me extends G{constructor(){super(...arguments),this.type=4}j(t){t&&t!==f?this.element.setAttribute(this.name,fe):this.element.removeAttribute(this.name)}}class ve extends G{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=T(this,t,e,0))!==null&&i!==void 0?i:f)===U)return;const r=this._$AH,n=t===f&&r!==f||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,s=t!==f&&(r===f||n);n&&this.element.removeEventListener(this.name,this,r),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}}class we{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){T(this,t)}}const qt=X.litHtmlPolyfillSupport;qt==null||qt(D,V),((dt=X.litHtmlVersions)!==null&&dt!==void 0?dt:X.litHtmlVersions=[]).push("2.5.0");const be=(o,t,e)=>{var i,r;const n=(i=e==null?void 0:e.renderBefore)!==null&&i!==void 0?i:t;let s=n._$litPart$;if(s===void 0){const c=(r=e==null?void 0:e.renderBefore)!==null&&r!==void 0?r:null;n._$litPart$=s=new V(t.insertBefore(j(),c),c,void 0,e??{})}return s._$AI(o),s};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var ct,pt;class N extends C{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=be(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return U}}N.finalized=!0,N._$litElement$=!0,(ct=globalThis.litElementHydrateSupport)===null||ct===void 0||ct.call(globalThis,{LitElement:N});const Zt=globalThis.litElementPolyfillSupport;Zt==null||Zt({LitElement:N}),((pt=globalThis.litElementVersions)!==null&&pt!==void 0?pt:globalThis.litElementVersions=[]).push("3.2.2");const ut=st(`/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
+  */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:PT Mono,sans-serif;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.heading-h1{font-family:Inter,sans-serif;font-size:26px;font-weight:600;font-style:normal;line-height:31px}.heading-h2{font-family:Inter,sans-serif;font-size:21px;font-weight:600;font-style:normal;line-height:26px}.heading-h3{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:22px}.heading-h4{font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:15px;letter-spacing:.02em}.heading-h5{font-family:Inter,sans-serif;font-size:14px;font-weight:700;font-style:normal;line-height:17px}.heading-h1-apax{font-family:Apax,sans-serif;font-size:24px;font-weight:500;font-style:normal;line-height:28px}.heading-h4-apax{font-family:Apax,sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:20px}.heading-h5-apax{font-family:Apax,sans-serif;font-size:8px;font-weight:500;font-style:normal;line-height:28px}.paragraph-16-regular{font-family:Inter,sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:24px}.paragraph-16-semi-bold{font-family:Inter,sans-serif;font-size:16px;font-weight:600;font-style:normal;line-height:24px}.paragraph-14-regular{font-family:Inter,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:22px}.paragraph-14-medium{font-family:Inter,sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:22px}.paragraph-14-semi-bold{font-family:Inter,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:22px}.paragraph-12-regular{font-family:Inter,sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:20px}.paragraph-12-medium{font-family:Inter,sans-serif;font-size:12px;font-weight:500;font-style:normal;line-height:20px}.paragraph-12-semi-bold{font-family:Inter,sans-serif;font-size:12px;font-weight:600;font-style:normal;line-height:20px}.currency-10-semi-bold{font-family:Inter,sans-serif;font-size:10px;font-weight:600;font-style:normal;line-height:12px}.currency-10-bold-uppercase{font-family:Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:12px}.currency-14-semi-bold{font-family:Inter,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:17px}.link{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:22px}.button-text{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:17px}.caption{font-family:Inter,sans-serif;font-size:13px;font-weight:400;font-style:normal;line-height:20px}.monospace-16-regular{font-family:PT Mono,sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:22px}.monospace-16-bold{font-family:PT Mono,sans-serif;font-size:16px;font-weight:700;font-style:normal;line-height:22px}.monospace-12-bold{font-family:PT Mono,sans-serif;font-size:12px;font-weight:700;font-style:normal;line-height:14px}.monospace-10-bold{font-family:PT Mono,sans-serif;font-size:10px;font-weight:700;font-style:normal;line-height:14px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.\\!relative{position:relative!important}.sticky{position:sticky}.top-0{top:0px}.right-0{right:0px}.bottom-0{bottom:0px}.left-0{left:0px}.isolate{isolation:isolate}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-last{order:9999}.float-left{float:left}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-neutral-90{--tw-border-opacity: 1;border-color:rgb(222 231 237 / var(--tw-border-opacity))}.border-neutral-20{--tw-border-opacity: 1;border-color:rgb(36 53 66 / var(--tw-border-opacity))}.border-purple-51{--tw-border-opacity: 1;border-color:rgb(100 110 160 / var(--tw-border-opacity))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-neutral-20{--tw-bg-opacity: 1;background-color:rgb(36 53 66 / var(--tw-bg-opacity))}.bg-purple-51{--tw-bg-opacity: 1;background-color:rgb(100 110 160 / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pt-3{padding-top:.75rem}.pl-2{padding-left:.5rem}.pb-4{padding-bottom:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.text-justify{text-align:justify}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-inter{font-family:Inter,sans-serif}.text-24{font-size:24px}.text-26{font-size:26px}.text-21{font-size:21px}.text-17{font-size:17px}.text-12{font-size:12px}.text-14{font-size:14px}.text-8{font-size:8px}.text-16{font-size:16px}.text-10{font-size:10px}.text-13{font-size:13px}.font-600{font-weight:600}.font-700{font-weight:700}.font-500{font-weight:500}.font-400{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero: slashed-zero;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.lining-nums{--tw-numeric-figure: lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure: oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.proportional-nums{--tw-numeric-spacing: proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.diagonal-fractions{--tw-numeric-fraction: diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction: stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-31{line-height:31px}.leading-26{line-height:26px}.leading-22{line-height:22px}.leading-15{line-height:15px}.leading-17{line-height:17px}.leading-28{line-height:28px}.leading-20{line-height:20px}.leading-24{line-height:24px}.leading-12{line-height:12px}.leading-14{line-height:14px}.tracking-\\[\\.02em\\]{letter-spacing:.02em}.text-neutral-20{--tw-text-opacity: 1;color:rgb(36 53 66 / var(--tw-text-opacity))}.text-neutral-100{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:border-purple-58:hover{--tw-border-opacity: 1;border-color:rgb(122 131 174 / var(--tw-border-opacity))}.hover\\:bg-purple-58:hover{--tw-bg-opacity: 1;background-color:rgb(122 131 174 / var(--tw-bg-opacity))}.hover\\:text-yellow-700:hover{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.hover\\:shadow-button-hover-secondary:hover{--tw-shadow: 0px 20px 16px -16px rgba(0, 0, 0, .12);--tw-shadow-colored: 0px 20px 16px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:shadow-button-hover-primary:hover{--tw-shadow: 0px 20px 16px -16px rgba(0, 0, 0, .4);--tw-shadow-colored: 0px 20px 16px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\\:border-neutral-90:disabled{--tw-border-opacity: 1;border-color:rgb(222 231 237 / var(--tw-border-opacity))}.disabled\\:bg-neutral-90:disabled{--tw-bg-opacity: 1;background-color:rgb(222 231 237 / var(--tw-bg-opacity))}.disabled\\:text-neutral-100:disabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}
+`),ye=o=>{var t;return t=class extends N{},t.styles=o?[ut,st(o)]:[ut],t};class Jt extends N{}Jt.styles=[ut],m.TailwindElement=Jt,m.TailwindStyledElement=ye,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});

package/dist/styles/index.umd.cjs

@@ -0,0 +1 @@
+(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n():typeof define=="function"&&define.amd?define(n):(e=typeof globalThis<"u"?globalThis:e||self,e["Lukso Components: Styles"]=n())})(this,function(){"use strict";return __dirname});

package/package.json

@@ -1,22 +1,21 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "type": "module",
   "files": [
-    "dist/",
-    "src/",
+    "dist/**/*.{cjs,js,ts,css,woff2,scss}",
+    "src/**/*.{cjs,js,ts,css,woff2,scss}",
     "tools/",
-    "dist/assets/*",
     "tailwind.config.cjs",
     "postcss.config.cjs",
     "README.md"
   ],
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "require": "./dist/index.cjs",
+      "require": "./dist/index.umd.cjs",
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
@@ -24,51 +23,49 @@
     "./postcss.config": "./postcss.config.cjs",
     "./assets/fonts/": "./dist/assets/fonts/",
     "./assets/fonts": {
-      "require": "./dist/assets/fonts/index.cjs",
+      "require": "./dist/assets/fonts/index.umd.cjs",
       "import": "./dist/assets/fonts/index.js",
       "types": "./dist/assets/fonts/index.d.ts"
     },
     "./styles/": "./dist/styles/",
     "./styles": {
-      "require": "./dist/styles/index.cjs",
+      "require": "./dist/styles/index.umd.cjs",
       "import": "./dist/styles/index.js",
       "types": "./dist/styles/index.d.ts"
     },
     "./sass/": "./dist/sass/",
     "./sass": {
-      "require": "./dist/sass/index.cjs",
+      "require": "./dist/sass/index.umd.cjs",
       "import": "./dist/sass/index.js",
       "types": "./dist/sass/index.d.ts"
     },
     "./tools/color-palette": "./tools/color-palette.cjs",
-    "./lukso-button": {
-      "require": [
-        "./dist/lukso-button.cjs"
-      ],
-      "import": [
-        "./dist/lukso-button.js"
-      ],
-      "types": [
-        "./dist/lukso-button.d.ts"
-      ]
+    "./components": {
+      "require": "./dist/components/index.umd.cjs",
+      "import": "./dist/components/index.js",
+      "types": "./dist/components/index.d.ts"
     },
-    "./lukso-test": {
-      "require": [
-        "./dist/lukso-test.cjs"
-      ],
-      "import": [
-        "./dist/lukso-test.js"
-      ],
-      "types": [
-        "./dist/lukso-test.d.ts"
-      ]
+    "./components/lukso-button": {
+      "require": "./dist/components/lukso-button/index.umd.cjs",
+      "import": "./dist/components/lukso-button/index.js",
+      "types": "./dist/components/lukso-button/index.d.ts"
+    },
+    "./components/lukso-test": {
+      "require": "./dist/components/lukso-test/index.umd.cjs",
+      "import": "./dist/components/lukso-test/index.js",
+      "types": "./dist/components/lukso-test/index.d.ts"
+    },
+    "./shared/tailwind.element": {
+      "require": "./dist/shared/tailwind.element.umd.cjs",
+      "import": "./dist/shared/tailwind.element.js",
+      "types": "./dist/shared/tailwind.element.d.ts"
     }
   },
   "scripts": {
     "config-prepare": "tsc-bundle ./tsconfig.work.json --exportAs commonjs && renamer --force --chain find-replace --path-element ext --find '.js' --replace '.cjs' './tools/**/*.js'",
     "start": "yarn config-prepare && concurrently 'vite build -w' 'yarn storybook'",
     "dev": "yarn start",
-    "build": "yarn config-prepare && yarn analyze && vite build && yarn sass --verbose ./src/shared/styles/main.scss ./dist/styles/main.css && yarn build:list-exports",
+    "build": "rm -rf dist && yarn config-prepare && yarn analyze && vite build && yarn sass --verbose ./src/shared/styles/main.scss ./dist/styles/main.css && yarn build:list-exports",
     "build:list-exports": "node ./listExports.cjs",
     "lint": "npm-run-all --aggregate-output --continue-on-error --parallel 'lint:{eslint,css,fmt}'",
     "lint:eslint": "eslint src --fix",
@@ -144,6 +141,7 @@
     "typescript": "^4.9.4",
     "typescript-bundle": "^1.0.18",
     "vite": "^4.0.4",
+    "vite-plugin-dts": "^1.7.1",
     "vite-plugin-static-copy": "^0.13.0",
     "wait-on": "^7.0.1"
   },

package/src/components/index.ts

@@ -0,0 +1,4 @@
+// DO NOT MODIFY MANUALLY
+export * from './lukso-button/index'
+export * from './lukso-test/index'
+export * from './../shared/tailwind.element'

package/src/components/lukso-button/index.ts

@@ -1 +1,55 @@
-import './lukso-button'
+import { html } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+
+import { TailwindElement } from '../../shared/tailwind.element'
+import { customClassMap } from '../../shared/directives/custom-class-map'
+
+export type ButtonVariants = 'primary' | 'secondary' | 'landing'
+
+@customElement('lukso-button')
+export class LuksoButton extends TailwindElement {
+  @property({ type: String })
+  variant: ButtonVariants = 'primary'
+
+  @property({ type: Boolean })
+  disabled = false
+
+  private defaultStyles = `flex justify-center items-center relative gap-2 py-3 px-6 rounded-xl
+    border border-solid cursor-pointer paragraph-16-semi-bold`
+
+  private secondaryStyles = `bg-neutral-100 border-neutral-90 text-neutral-20 disabled:bg-neutral-90
+    disabled:border-neutral-90 disabled:text-neutral-100 hover:shadow-button-hover-secondary`
+
+  private primaryStyles = `bg-neutral-20 border-neutral-20 text-neutral-100
+    disabled:bg-neutral-90
+    disabled:border-neutral-90
+    hover:shadow-button-hover-primary
+  `
+
+  private landingStyles = `bg-purple-51 border-purple-51 text-neutral-100
+    disabled:bg-neutral-90 disabled:border-neutral-90
+    hover:shadow-button-hover-primary hover:bg-purple-58 hover:border-purple-58`
+
+  render() {
+    return html`
+      <button
+        data-testid="button"
+        ?disabled=${this.disabled}
+        class=${customClassMap({
+          [this.defaultStyles]: true,
+          [this.primaryStyles]: this.variant === 'primary',
+          [this.secondaryStyles]: this.variant === 'secondary',
+          [this.landingStyles]: this.variant === 'landing',
+        })}
+      >
+        <slot></slot>
+      </button>
+    `
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'lukso-button': LuksoButton
+  }
+}

package/src/index.ts

@@ -1,3 +1 @@
-// DO NOT MODIFY MANUALLY
-export * from './components/lukso-button/index'
-export * from './components/lukso-test/index'
+export * from './components'

package/dist/assets/fonts/index.cjs

@@ -1 +0,0 @@
-"use strict";const e=__dirname;module.exports=e;

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./lukso-button-ab7e2769.cjs");const e=require("./lukso-test.cjs");require("./directive-619b88dd.cjs");Object.defineProperty(exports,"LuksoTest",{enumerable:!0,get:()=>e.LuksoTest});

package/dist/lukso-button-4b795065.js

@@ -1,57 +0,0 @@
-import { e as u, i as b, t as p, a as d, b as h, T as y, y as c } from "./directive-76d5504a.js";
-class v extends b {
-  constructor(e) {
-    var t;
-    if (super(e), e.type !== p.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2)
-      throw new Error(
-        "`customClassMap()` can only be used in the `class` attribute and must be the only part in the attribute."
-      );
-  }
-  render(e) {
-    return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
-  }
-}
-const m = u(v);
-var g = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (l, e, t, s) => {
-  for (var r = s > 1 ? void 0 : s ? f(e, t) : e, n = l.length - 1, i; n >= 0; n--)
-    (i = l[n]) && (r = (s ? i(e, t, r) : i(r)) || r);
-  return s && r && g(e, t, r), r;
-};
-let a = class extends y {
-  constructor() {
-    super(...arguments), this.variant = "primary", this.disabled = !1, this.defaultStyles = `flex justify-center items-center relative gap-2 py-3 px-6 rounded-xl
-    border border-solid cursor-pointer paragraph-16-semi-bold`, this.secondaryStyles = `bg-neutral-100 border-neutral-90 text-neutral-20 disabled:bg-neutral-90
-    disabled:border-neutral-90 disabled:text-neutral-100 hover:shadow-button-hover-secondary`, this.primaryStyles = `bg-neutral-20 border-neutral-20 text-neutral-100
-    disabled:bg-neutral-90
-    disabled:border-neutral-90
-    hover:shadow-button-hover-primary
-  `, this.landingStyles = `bg-purple-51 border-purple-51 text-neutral-100
-    disabled:bg-neutral-90 disabled:border-neutral-90
-    hover:shadow-button-hover-primary hover:bg-purple-58 hover:border-purple-58`;
-  }
-  render() {
-    return c`
-      <button
-        data-testid="button"
-        ?disabled=${this.disabled}
-        class=${m({
-      [this.defaultStyles]: !0,
-      [this.primaryStyles]: this.variant === "primary",
-      [this.secondaryStyles]: this.variant === "secondary",
-      [this.landingStyles]: this.variant === "landing"
-    })}
-      >
-        <slot></slot>
-      </button>
-    `;
-  }
-};
-o([
-  d({ type: String })
-], a.prototype, "variant", 2);
-o([
-  d({ type: Boolean })
-], a.prototype, "disabled", 2);
-a = o([
-  h("lukso-button")
-], a);

package/dist/lukso-button-ab7e2769.cjs

@@ -1,17 +0,0 @@
-"use strict";const r=require("./directive-619b88dd.cjs");class u extends r.i{constructor(e){var t;if(super(e),e.type!==r.t.ATTRIBUTE||e.name!=="class"||((t=e.strings)==null?void 0:t.length)>2)throw new Error("`customClassMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}}const b=r.e(u);var p=Object.defineProperty,h=Object.getOwnPropertyDescriptor,d=(n,e,t,a)=>{for(var s=a>1?void 0:a?h(e,t):e,i=n.length-1,o;i>=0;i--)(o=n[i])&&(s=(a?o(e,t,s):o(s))||s);return a&&s&&p(e,t,s),s};let l=class extends r.TailwindElement{constructor(){super(...arguments),this.variant="primary",this.disabled=!1,this.defaultStyles=`flex justify-center items-center relative gap-2 py-3 px-6 rounded-xl
-    border border-solid cursor-pointer paragraph-16-semi-bold`,this.secondaryStyles=`bg-neutral-100 border-neutral-90 text-neutral-20 disabled:bg-neutral-90
-    disabled:border-neutral-90 disabled:text-neutral-100 hover:shadow-button-hover-secondary`,this.primaryStyles=`bg-neutral-20 border-neutral-20 text-neutral-100
-    disabled:bg-neutral-90
-    disabled:border-neutral-90
-    hover:shadow-button-hover-primary
-  `,this.landingStyles=`bg-purple-51 border-purple-51 text-neutral-100
-    disabled:bg-neutral-90 disabled:border-neutral-90
-    hover:shadow-button-hover-primary hover:bg-purple-58 hover:border-purple-58`}render(){return r.y`
-      <button
-        data-testid="button"
-        ?disabled=${this.disabled}
-        class=${b({[this.defaultStyles]:!0,[this.primaryStyles]:this.variant==="primary",[this.secondaryStyles]:this.variant==="secondary",[this.landingStyles]:this.variant==="landing"})}
-      >
-        <slot></slot>
-      </button>
-    `}};d([r.e$1({type:String})],l.prototype,"variant",2);d([r.e$1({type:Boolean})],l.prototype,"disabled",2);l=d([r.e$2("lukso-button")],l);

package/dist/lukso-button.cjs

@@ -1 +0,0 @@
-"use strict";require("./lukso-button-ab7e2769.cjs");require("./directive-619b88dd.cjs");

package/dist/lukso-button.js

@@ -1,2 +0,0 @@
-import "./lukso-button-4b795065.js";
-import "./directive-76d5504a.js";

package/dist/lukso-test.cjs

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("./directive-619b88dd.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */var I;const O=window,g=O.trustedTypes,R=g?g.createPolicy("lit-html",{createHTML:o=>o}):void 0,m=`lit$${(Math.random()+"").slice(9)}$`,Z="?"+m,st=`<${Z}>`,_=document,k=(o="")=>_.createComment(o),C=o=>o===null||typeof o!="object"&&typeof o!="function",G=Array.isArray,nt=o=>G(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,D=/-->/g,j=/>/g,A=RegExp(`>|[ 	
-\f\r](?:([^\\s"'>=/]+)([ 	
-\f\r]*=[ 	
-\f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),B=/'/g,F=/"/g,J=/^(?:script|style|textarea|title)$/i,x=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),z=new WeakMap,f=_.createTreeWalker(_,129,null,!1),ot=(o,t)=>{const e=o.length-1,i=[];let s,n=t===2?"<svg>":"",r=b;for(let l=0;l<e;l++){const h=o[l];let p,a,c=-1,v=0;for(;v<h.length&&(r.lastIndex=v,a=r.exec(h),a!==null);)v=r.lastIndex,r===b?a[1]==="!--"?r=D:a[1]!==void 0?r=j:a[2]!==void 0?(J.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=A):a[3]!==void 0&&(r=A):r===A?a[0]===">"?(r=s??b,c=-1):a[1]===void 0?c=-2:(c=r.lastIndex-a[2].length,p=a[1],r=a[3]===void 0?A:a[3]==='"'?F:B):r===F||r===B?r=A:r===D||r===j?r=b:(r=A,s=void 0);const H=r===A&&o[l+1].startsWith("/>")?" ":"";n+=r===b?h+st:c>=0?(i.push(p),h.slice(0,c)+"$lit$"+h.slice(c)+m+H):h+m+(c===-2?(i.push(void 0),l):H)}const d=n+(o[e]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return[R!==void 0?R.createHTML(d):d,i]};class T{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let n=0,r=0;const d=t.length-1,l=this.parts,[h,p]=ot(t,e);if(this.el=T.createElement(h,i),f.currentNode=this.el.content,e===2){const a=this.el.content,c=a.firstChild;c.remove(),a.append(...c.childNodes)}for(;(s=f.nextNode())!==null&&l.length<d;){if(s.nodeType===1){if(s.hasAttributes()){const a=[];for(const c of s.getAttributeNames())if(c.endsWith("$lit$")||c.startsWith(m)){const v=p[r++];if(a.push(c),v!==void 0){const H=s.getAttribute(v.toLowerCase()+"$lit$").split(m),N=/([.?@])?(.*)/.exec(v);l.push({type:1,index:n,name:N[2],strings:H,ctor:N[1]==="."?lt:N[1]==="?"?at:N[1]==="@"?dt:P})}else l.push({type:6,index:n})}for(const c of a)s.removeAttribute(c)}if(J.test(s.tagName)){const a=s.textContent.split(m),c=a.length-1;if(c>0){s.textContent=g?g.emptyScript:"";for(let v=0;v<c;v++)s.append(a[v],k()),f.nextNode(),l.push({type:2,index:++n});s.append(a[c],k())}}}else if(s.nodeType===8)if(s.data===Z)l.push({type:2,index:n});else{let a=-1;for(;(a=s.data.indexOf(m,a+1))!==-1;)l.push({type:7,index:n}),a+=m.length-1}n++}}static createElement(t,e){const i=_.createElement("template");return i.innerHTML=t,i}}function y(o,t,e=o,i){var s,n,r,d;if(t===x)return t;let l=i!==void 0?(s=e._$Co)===null||s===void 0?void 0:s[i]:e._$Cl;const h=C(t)?void 0:t._$litDirective$;return(l==null?void 0:l.constructor)!==h&&((n=l==null?void 0:l._$AO)===null||n===void 0||n.call(l,!1),h===void 0?l=void 0:(l=new h(o),l._$AT(o,e,i)),i!==void 0?((r=(d=e)._$Co)!==null&&r!==void 0?r:d._$Co=[])[i]=l:e._$Cl=l),l!==void 0&&(t=y(o,l._$AS(o,t.values),l,i)),t}class rt{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:s}=this._$AD,n=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:_).importNode(i,!0);f.currentNode=n;let r=f.nextNode(),d=0,l=0,h=s[0];for(;h!==void 0;){if(d===h.index){let p;h.type===2?p=new E(r,r.nextSibling,this,t):h.type===1?p=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(p=new ct(r,this,t)),this.u.push(p),h=s[++l]}d!==(h==null?void 0:h.index)&&(r=f.nextNode(),d++)}return n}p(t){let e=0;for(const i of this.u)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class E{constructor(t,e,i,s){var n;this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cm=(n=s==null?void 0:s.isConnected)===null||n===void 0||n}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=y(this,t,e),C(t)?t===u||t==null||t===""?(this._$AH!==u&&this._$AR(),this._$AH=u):t!==this._$AH&&t!==x&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):nt(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==u&&C(this._$AH)?this._$AA.nextSibling.data=t:this.T(_.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:s}=t,n=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=T.createElement(s.h,this.options)),s);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===n)this._$AH.p(i);else{const r=new rt(n,this),d=r.v(this.options);r.p(i),this.T(d),this._$AH=r}}_$AC(t){let e=z.get(t.strings);return e===void 0&&z.set(t.strings,e=new T(t)),e}k(t){G(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const n of t)s===e.length?e.push(i=new E(this.O(k()),this.O(k()),this,this.options)):i=e[s],i._$AI(n),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cm=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}}let P=class{constructor(t,e,i,s,n){this.type=1,this._$AH=u,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const n=this.strings;let r=!1;if(n===void 0)t=y(this,t,e,0),r=!C(t)||t!==this._$AH&&t!==x,r&&(this._$AH=t);else{const d=t;let l,h;for(t=n[0],l=0;l<n.length-1;l++)h=y(this,d[i+l],e,l),h===x&&(h=this._$AH[l]),r||(r=!C(h)||h!==this._$AH[l]),h===u?t=u:t!==u&&(t+=(h??"")+n[l+1]),this._$AH[l]=h}r&&!s&&this.j(t)}j(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}};class lt extends P{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===u?void 0:t}}const ht=g?g.emptyScript:"";class at extends P{constructor(){super(...arguments),this.type=4}j(t){t&&t!==u?this.element.setAttribute(this.name,ht):this.element.removeAttribute(this.name)}}class dt extends P{constructor(t,e,i,s,n){super(t,e,i,s,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=y(this,t,e,0))!==null&&i!==void 0?i:u)===x)return;const s=this._$AH,n=t===u&&s!==u||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==u&&(s===u||n);n&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}}class ct{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){y(this,t)}}const W=O.litHtmlPolyfillSupport;W==null||W(T,E),((I=O.litHtmlVersions)!==null&&I!==void 0?I:O.litHtmlVersions=[]).push("2.5.0");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const tt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ut=o=>(...t)=>({_$litDirective$:o,values:t});let pt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const vt=o=>o.strings===void 0;/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const w=(o,t)=>{var e,i;const s=o._$AN;if(s===void 0)return!1;for(const n of s)(i=(e=n)._$AO)===null||i===void 0||i.call(e,t,!1),w(n,t);return!0},S=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},et=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),At(t)}};function $t(o){this._$AN!==void 0?(S(this),this._$AM=o,et(this)):this._$AM=o}function mt(o,t=!1,e=0){const i=this._$AH,s=this._$AN;if(s!==void 0&&s.size!==0)if(t)if(Array.isArray(i))for(let n=e;n<i.length;n++)w(i[n],!1),S(i[n]);else i!=null&&(w(i,!1),S(i));else w(this,o)}const At=o=>{var t,e,i,s;o.type==tt.CHILD&&((t=(i=o)._$AP)!==null&&t!==void 0||(i._$AP=mt),(e=(s=o)._$AQ)!==null&&e!==void 0||(s._$AQ=$t))};class ft extends pt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),et(this),this.isConnected=t._$AU}_$AO(t,e=!0){var i,s;t!==this.isConnected&&(this.isConnected=t,t?(i=this.reconnected)===null||i===void 0||i.call(this):(s=this.disconnected)===null||s===void 0||s.call(this)),e&&(w(this,t),S(this))}setValue(t){if(vt(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}const it=new WeakMap;class gt{constructor(t,e){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,this.host=t,this.defaultOptions=e.defaultOptions||{},this.startPaused=!!e.startPaused,this.disabled=!!e.disabled,this.onComplete=e.onComplete,it.set(this.host,this)}async add(t){var e,i;this.clients.add(t),this.startPaused&&((e=t.webAnimation)===null||e===void 0||e.pause()),this.pendingComplete=!0,await t.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,(i=this.onComplete)===null||i===void 0||i.call(this))}remove(t){this.clients.delete(t)}pause(){this.clients.forEach(t=>{var e;return(e=t.webAnimation)===null||e===void 0?void 0:e.pause()})}play(){this.clients.forEach(t=>{var e;return(e=t.webAnimation)===null||e===void 0?void 0:e.play()})}cancel(){this.clients.forEach(t=>{var e;return(e=t.webAnimation)===null||e===void 0?void 0:e.cancel()}),this.clients.clear()}finish(){this.clients.forEach(t=>{var e;return(e=t.webAnimation)===null||e===void 0?void 0:e.finish()}),this.clients.clear()}togglePlay(){this.isPlaying?this.pause():this.play()}get isAnimating(){return this.clients.size>0}get isPlaying(){return Array.from(this.clients).some(t=>{var e;return((e=t.webAnimation)===null||e===void 0?void 0:e.playState)==="running"})}async finished(){await Promise.all(Array.from(this.clients).map(t=>t.finished))}}let V=0;const L=new Map,K=new WeakSet,Y=()=>new Promise(o=>requestAnimationFrame(o)),q=(o,t)=>{const e=o-t;return e===0?void 0:e},Q=(o,t)=>{const e=o/t;return e===1?void 0:e},U={left:(o,t)=>{const e=q(o,t);return{value:e,transform:e&&`translateX(${e}px)`}},top:(o,t)=>{const e=q(o,t);return{value:e,transform:e&&`translateY(${e}px)`}},width:(o,t)=>{const e=Q(o,t);return{value:e,transform:e&&`scaleX(${e})`}},height:(o,t)=>{const e=Q(o,t);return{value:e,transform:e&&`scaleY(${e})`}}},_t={duration:333,easing:"ease-in-out"},yt=["left","top","width","height","opacity","color","background"],X=new WeakMap;class bt extends ft{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===tt.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished()}createFinished(){var t;(t=this.resolveFinished)===null||t===void 0||t.call(this),this.finished=new Promise(e=>{this.h=e})}async resolveFinished(){var t;(t=this.h)===null||t===void 0||t.call(this),this.h=void 0}render(t){return u}getController(){return it.get(this.l)}isDisabled(){var t;return this.options.disabled||((t=this.getController())===null||t===void 0?void 0:t.disabled)}update(t,[e]){var i;const s=this.l===void 0;return s&&(this.l=(i=t.options)===null||i===void 0?void 0:i.host,this.l.addController(this),this.element=t.element,X.set(this.element,this)),this.optionsOrCallback=e,(s||typeof e!="function")&&this.u(e),this.render(e)}u(t){var e,i;t=t??{};const s=this.getController();s!==void 0&&((t={...s.defaultOptions,...t}).keyframeOptions={...s.defaultOptions.keyframeOptions,...t.keyframeOptions}),(e=(i=t).properties)!==null&&e!==void 0||(i.properties=yt),this.options=t}v(){const t={},e=this.element.getBoundingClientRect(),i=getComputedStyle(this.element);return this.options.properties.forEach(s=>{var n;const r=(n=e[s])!==null&&n!==void 0?n:U[s]?void 0:i[s],d=Number(r);t[s]=isNaN(d)?r+"":d}),t}p(){let t,e=!0;return this.options.guard&&(t=this.options.guard(),e=((i,s)=>{if(Array.isArray(i)){if(Array.isArray(s)&&s.length===i.length&&i.every((n,r)=>n===s[r]))return!1}else if(s===i)return!1;return!0})(t,this.m)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&e&&this.element.isConnected,this.o&&(this.m=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){var t;typeof this.optionsOrCallback=="function"&&this.u(this.optionsOrCallback()),this.p()&&(this.g=this.v(),this.t=(t=this.t)!==null&&t!==void 0?t:this.element.parentNode,this.i=this.element.nextSibling)}async hostUpdated(){if(!this.o||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await Y;const e=this._(),i=this.A(this.options.keyframeOptions,e),s=this.v();if(this.g!==void 0){const{from:n,to:r}=this.O(this.g,s,e);this.log("measured",[this.g,s,n,r]),t=this.calculateKeyframes(n,r)}else{const n=L.get(this.options.inId);if(n){L.delete(this.options.inId);const{from:r,to:d}=this.O(n,s,e);t=this.calculateKeyframes(r,d),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,V++,t.forEach(l=>l.zIndex=V)}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,i)}resetStyles(){var t;this.P!==void 0&&(this.element.setAttribute("style",(t=this.P)!==null&&t!==void 0?t:""),this.P=void 0)}commitStyles(){var t,e;this.P=this.element.getAttribute("style"),(t=this.webAnimation)===null||t===void 0||t.commitStyles(),(e=this.webAnimation)===null||e===void 0||e.cancel()}reconnected(){}async disconnected(){var t;if(!this.o||(this.options.id!==void 0&&L.set(this.options.id,this.g),this.options.out===void 0))return;if(this.prepare(),await Y(),(t=this.t)===null||t===void 0?void 0:t.isConnected){const i=this.i&&this.i.parentNode===this.t?this.i:null;if(this.t.insertBefore(this.element,i),this.options.stabilizeOut){const s=this.v();this.log("stabilizing out");const n=this.g.left-s.left,r=this.g.top-s.top;getComputedStyle(this.element).position!=="static"||n===0&&r===0||(this.element.style.position="relative"),n!==0&&(this.element.style.left=n+"px"),r!==0&&(this.element.style.top=r+"px")}}const e=this.A(this.options.keyframeOptions);await this.animate(this.options.out,e),this.element.remove()}prepare(){this.createFinished()}start(){var t,e;(e=(t=this.options).onStart)===null||e===void 0||e.call(t,this)}didFinish(t){var e,i;t&&((i=(e=this.options).onComplete)===null||i===void 0||i.call(e,this)),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}_(){const t=[];for(let e=this.element.parentNode;e;e=e==null?void 0:e.parentNode){const i=X.get(e);i&&!i.isDisabled()&&i&&t.push(i)}return t}get isHostRendered(){const t=K.has(this.l);return t||this.l.updateComplete.then(()=>{K.add(this.l)}),t}A(t,e=this._()){const i={..._t};return e.forEach(s=>Object.assign(i,s.options.keyframeOptions)),Object.assign(i,t),i}O(t,e,i){t={...t},e={...e};const s=i.map(d=>d.animatingProperties).filter(d=>d!==void 0);let n=1,r=1;return s!==void 0&&(s.forEach(d=>{d.width&&(n/=d.width),d.height&&(r/=d.height)}),t.left!==void 0&&e.left!==void 0&&(t.left=n*t.left,e.left=n*e.left),t.top!==void 0&&e.top!==void 0&&(t.top=r*t.top,e.top=r*e.top)),{from:t,to:e}}calculateKeyframes(t,e,i=!1){var s;const n={},r={};let d=!1;const l={};for(const h in e){const p=t[h],a=e[h];if(h in U){const c=U[h];if(p===void 0||a===void 0)continue;const v=c(p,a);v.transform!==void 0&&(l[h]=v.value,d=!0,n.transform=`${(s=n.transform)!==null&&s!==void 0?s:""} ${v.transform}`)}else p!==a&&p!==void 0&&a!==void 0&&(d=!0,n[h]=p,r[h]=a)}return n.transformOrigin=r.transformOrigin=i?"center center":"top left",this.animatingProperties=l,d?[n,r]:void 0}async animate(t,e=this.options.keyframeOptions){this.start(),this.frames=t;let i=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),t!==void 0)){this.log("animate",[t,e]),i=!0,this.webAnimation=this.element.animate(t,e);const s=this.getController();s==null||s.add(this);try{await this.webAnimation.finished}catch{}s==null||s.remove(this)}return this.didFinish(i),i}isAnimating(){var t,e;return((t=this.webAnimation)===null||t===void 0?void 0:t.playState)==="running"||((e=this.webAnimation)===null||e===void 0?void 0:e.pending)}log(t,e){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,e)}}const wt=ut(bt);/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const Ct=$.e(class extends $.i{constructor(o){var t;if(super(o),o.type!==$.t.ATTRIBUTE||o.name!=="class"||((t=o.strings)===null||t===void 0?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(o){return" "+Object.keys(o).filter(t=>o[t]).join(" ")+" "}update(o,[t]){var e,i;if(this.nt===void 0){this.nt=new Set,o.strings!==void 0&&(this.st=new Set(o.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in t)t[n]&&!(!((e=this.st)===null||e===void 0)&&e.has(n))&&this.nt.add(n);return this.render(t)}const s=o.element.classList;this.nt.forEach(n=>{n in t||(s.remove(n),this.nt.delete(n))});for(const n in t){const r=!!t[n];r===this.nt.has(n)||!((i=this.st)===null||i===void 0)&&i.has(n)||(r?(s.add(n),this.nt.add(n)):(s.remove(n),this.nt.delete(n)))}return $.x}}),xt=`p{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}p b{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}
-`;var Tt=Object.defineProperty,Ht=Object.getOwnPropertyDescriptor,M=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ht(t,e):t,n=o.length-1,r;n>=0;n--)(r=o[n])&&(s=(i?r(t,e,s):r(s))||s);return i&&s&&Tt(t,e,s),s};exports.LuksoTest=class extends $.TailwindStyledElement(xt){constructor(){super(...arguments),this.name="World",this.clicked=!1,this.disabled=!1,this.duration=1e3,this.controller=new gt(this,{defaultOptions:{keyframeOptions:{duration:this.duration,fill:"backwards"}}})}_onClick(){this.disabled||(this.clicked=!0,setTimeout(()=>{this.clicked=!1},2e3))}render(){const t={"text-yellow-200":!this.disabled,"p-2":!0,"rounded-full":!0,"text-24":!0,"bg-blue-800":this.clicked&&!this.disabled,"bg-blue-200":!this.clicked&&!this.disabled};return $.y`
-      <p class="heading-1">
-        Hello,
-        <b class="heading-4">${this.name}</b>
-        !
-      </p>
-      <button
-        ?disabled=${this.disabled}
-        data-testid="button"
-        @click=${this._onClick}
-        class="hover:text-yellow-700 ${Ct(t)}"
-        ${wt()}
-      >
-        Hello world! 2
-      </button>
-    `}};M([$.e$1()],exports.LuksoTest.prototype,"name",2);M([$.e$1()],exports.LuksoTest.prototype,"clicked",2);M([$.e$1({type:Boolean})],exports.LuksoTest.prototype,"disabled",2);exports.LuksoTest=M([$.e$2("lukso-test")],exports.LuksoTest);