@lukso/web-components 1.142.2 → 1.143.0

package/dist/index.cjs

@@ -15,23 +15,22 @@ const components_luksoInput_index = require('./components/lukso-input/index.cjs'
 const components_luksoModal_index = require('./components/lukso-modal/index.cjs');
 const components_luksoNavbar_index = require('./components/lukso-navbar/index.cjs');
 const components_luksoPagination_index = require('./components/lukso-pagination/index.cjs');
-const components_luksoProfile_index = require('./index-D1Py8U6q.cjs');
+const components_luksoProfile_index = require('./index-BfBfOrWa.cjs');
 const components_luksoProgress_index = require('./components/lukso-progress/index.cjs');
 const components_luksoRadio_index = require('./components/lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./components/lukso-radio-group/index.cjs');
 const components_luksoSanitize_index = require('./components/lukso-sanitize/index.cjs');
-const components_luksoSearch_index = require('./index-CFdnuKso.cjs');
+const components_luksoSearch_index = require('./index-3V8ZK5SA.cjs');
 const components_luksoSelect_index = require('./components/lukso-select/index.cjs');
 const components_luksoShare_index = require('./components/lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./components/lukso-switch/index.cjs');
 const components_luksoTag_index = require('./components/lukso-tag/index.cjs');
 const components_luksoTerms_index = require('./components/lukso-terms/index.cjs');
-const components_luksoTest_index = require('./components/lukso-test/index.cjs');
 const components_luksoTextarea_index = require('./components/lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./components/lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('./index-CmV7e0vw.cjs');
+const components_luksoUsername_index = require('./index-muwdeQPx.cjs');
 const components_luksoWizard_index = require('./components/lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('./index-sTnZd0lm.cjs');
+const shared_tailwindElement_index = require('./index-C1D2PVva.cjs');
 const cn = require('./cn-CNdKneQ1.cjs');
 
 
@@ -134,10 +133,6 @@ Object.defineProperty(exports, "LuksoTerms", {
 	enumerable: true,
 	get: () => components_luksoTerms_index.LuksoTerms
 });
-Object.defineProperty(exports, "LuksoTest", {
-	enumerable: true,
-	get: () => components_luksoTest_index.LuksoTest
-});
 Object.defineProperty(exports, "LuksoTextarea", {
 	enumerable: true,
 	get: () => components_luksoTextarea_index.LuksoTextarea

package/dist/index.js

@@ -11,21 +11,20 @@ export { LuksoInput } from './components/lukso-input/index.js';
 export { LuksoModal } from './components/lukso-modal/index.js';
 export { LuksoNavbar } from './components/lukso-navbar/index.js';
 export { LuksoPagination } from './components/lukso-pagination/index.js';
-export { L as LuksoProfile } from './index--Rm5lIdY.js';
+export { L as LuksoProfile } from './index-CIVHkTr0.js';
 export { LuksoProgress } from './components/lukso-progress/index.js';
 export { LuksoRadio } from './components/lukso-radio/index.js';
 export { LuksoRadioGroup } from './components/lukso-radio-group/index.js';
 export { LuksoSanitize } from './components/lukso-sanitize/index.js';
-export { L as LuksoSearch, a as SEARCH_RESULT_TYPES, S as STANDARDS } from './index-uZYUCmTp.js';
+export { L as LuksoSearch, a as SEARCH_RESULT_TYPES, S as STANDARDS } from './index-B663nE0O.js';
 export { LuksoSelect } from './components/lukso-select/index.js';
 export { LuksoShare } from './components/lukso-share/index.js';
 export { LuksoSwitch } from './components/lukso-switch/index.js';
 export { LuksoTag } from './components/lukso-tag/index.js';
 export { LuksoTerms } from './components/lukso-terms/index.js';
-export { LuksoTest } from './components/lukso-test/index.js';
 export { LuksoTextarea } from './components/lukso-textarea/index.js';
 export { LuksoTooltip } from './components/lukso-tooltip/index.js';
-export { L as LuksoUsername } from './index-Cb_JUuy4.js';
+export { L as LuksoUsername } from './index-BWVB_bXl.js';
 export { LuksoWizard } from './components/lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from './index-ai1JMlH_.js';
+export { a as TailwindElement, T as TailwindStyledElement } from './index-Ga3DorGn.js';
 export { c as cn } from './cn-Cu9aP49j.js';

package/dist/{property-Ct2CR7yu.cjs → property-BF9Ipvfh.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-sTnZd0lm.cjs');
+const shared_tailwindElement_index = require('./index-C1D2PVva.cjs');
 
 /**
  * @license

package/dist/{property-BNDS2YNq.js → property-jBJt0uQ6.js}

@@ -1,4 +1,4 @@
-import { f, u } from './index-ai1JMlH_.js';
+import { f, u } from './index-Ga3DorGn.js';
 
 /**
  * @license

package/dist/shared/tailwind-element/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-sTnZd0lm.cjs');
+const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
 
 
 

package/dist/shared/tailwind-element/index.js

@@ -1 +1 @@
-export { a as TailwindElement, T as TailwindStyledElement } from '../../index-ai1JMlH_.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../../index-Ga3DorGn.js';

package/dist/shared/types.d.ts

@@ -1,6 +1,6 @@
 import { SEARCH_RESULT_TYPES, STANDARDS } from './enums';
 export type Address = `0x${string}`;
-export type InputSize = 'small' | 'medium';
+export type InputSize = 'small' | 'medium' | 'large' | 'x-large';
 export type FunctionMap<T extends string, Return = string> = Partial<Record<T, () => Return>>;
 export type ProfileSize = '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large';
 export type SearchResultType = `${SEARCH_RESULT_TYPES}`;

package/dist/shared/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,MAAM,MAAM,OAAO,GAAG,KAAK,MAAM,EAAE,CAAA;AAEnC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE1C,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,GAAG,MAAM,IAAI,OAAO,CAClE,MAAM,CAAC,CAAC,EAAE,MAAM,MAAM,CAAC,CACxB,CAAA;AAED,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,MAAM,gBAAgB,GAAG,GAAG,mBAAmB,EAAE,CAAA;AAEvD,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,EAAE,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,MAAM,MAAM,OAAO,GAAG,KAAK,MAAM,EAAE,CAAA;AAEnC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEhE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,GAAG,MAAM,IAAI,OAAO,CAClE,MAAM,CAAC,CAAC,EAAE,MAAM,MAAM,CAAC,CACxB,CAAA;AAED,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,MAAM,gBAAgB,GAAG,GAAG,mBAAmB,EAAE,CAAA;AAEvD,MAAM,MAAM,QAAQ,GAAG,GAAG,SAAS,EAAE,CAAA"}

package/dist/{state-N7_kBt7h.cjs → state-CTmsENPK.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const property = require('./property-Ct2CR7yu.cjs');
+const property = require('./property-BF9Ipvfh.cjs');
 
 /**
  * @license

package/dist/{state-DQLdL2U7.js → state-Dnqg2VVB.js}

@@ -1,4 +1,4 @@
-import { n } from './property-BNDS2YNq.js';
+import { n } from './property-jBJt0uQ6.js';
 
 /**
  * @license

package/dist/{style-map-CmYXi-8E.cjs → style-map-CV0IkMGG.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-sTnZd0lm.cjs');
+const shared_tailwindElement_index = require('./index-C1D2PVva.cjs');
 const directive = require('./directive-DT5Y-Nw0.cjs');
 
 /**

package/dist/{style-map-DG3R-qeW.js → style-map-hOUSiHf5.js}

@@ -1,4 +1,4 @@
-import { b as T } from './index-ai1JMlH_.js';
+import { b as T } from './index-Ga3DorGn.js';
 import { e, i as i$1, t } from './directive-BKuZRRPO.js';
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.142.2",
+  "version": "1.143.0",
   "type": "module",
   "files": [
     "dist",
@@ -195,11 +195,6 @@
       "import": "./dist/components/lukso-terms/index.js",
       "types": "./dist/components/lukso-terms/index.d.ts"
     },
-    "./dist/components/lukso-test": {
-      "require": "./dist/components/lukso-test/index.cjs",
-      "import": "./dist/components/lukso-test/index.js",
-      "types": "./dist/components/lukso-test/index.d.ts"
-    },
     "./dist/components/lukso-textarea": {
       "require": "./dist/components/lukso-textarea/index.cjs",
       "import": "./dist/components/lukso-textarea/index.js",

package/tools/index.cjs

@@ -80,7 +80,7 @@ function size(value) {
     return value.length;
 }
 
-const version = '2.31.7';
+const version = '2.33.0';
 
 let errorConfig = {
     getDocsUrl: ({ docsBaseUrl, docsPath = '', docsSlug, }) => docsPath

package/tools/index.js

@@ -76,7 +76,7 @@ function size(value) {
     return value.length;
 }
 
-const version = '2.31.7';
+const version = '2.33.0';
 
 let errorConfig = {
     getDocsUrl: ({ docsBaseUrl, docsPath = '', docsSlug, }) => docsPath

package/dist/components/lukso-test/index.cjs

@@ -1,101 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared_tailwindElement_index = require('../../index-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
-const directive = require('../../directive-DT5Y-Nw0.cjs');
-const directiveHelpers = require('../../directive-helpers-BilhVy-E.cjs');
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const s=(i,t)=>{const e=i._$AN;if(void 0===e)return  false;for(const i of e)i._$AO?.(t,false),s(i,t);return  true},o$1=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r$1=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t);}};function h(i){ void 0!==this._$AN?(o$1(this),this._$AM=i,r$1(this)):this._$AM=i;}function n$1(i,t=false,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],false),o$1(r[i]);else null!=r&&(s(r,false),o$1(r));else s(this,i);}const c=i=>{i.type==directive.t.CHILD&&(i._$AP??=n$1,i._$AQ??=h);};class f extends directive.i{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r$1(this),this.isConnected=i._$AU;}_$AO(i,t=true){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$1(this));}setValue(t){if(directiveHelpers.f(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
-
-const i=new WeakMap;class t{constructor(t,s){this.startPaused=false,this.disabled=false,this.clients=new Set,this.pendingComplete=false,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this);}async add(i){this.clients.add(i),this.startPaused&&i.webAnimation?.pause(),this.pendingComplete=true,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=false,this.onComplete?.());}remove(i){this.clients.delete(i);}pause(){this.clients.forEach((i=>i.webAnimation?.pause()));}play(){this.clients.forEach((i=>i.webAnimation?.play()));}cancel(){this.clients.forEach((i=>i.webAnimation?.cancel())),this.clients.clear();}finish(){this.clients.forEach((i=>i.webAnimation?.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((i=>"running"===i.webAnimation?.playState))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)));}}
-
-let o=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:"ease-in-out"},b=["left","top","width","height","opacity","color","background"],j=new WeakMap;class x extends f{constructor(t){if(super(t),this.t=false,this.i=null,this.o=null,this.h=true,this.shouldLog=false,t.type===directive.t.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished();}createFinished(){this.resolveFinished?.(),this.finished=new Promise((t=>{this.l=t;}));}async resolveFinished(){this.l?.(),this.l=void 0;}render(i){return shared_tailwindElement_index.E}getController(){return i.get(this.u)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(t,[i]){const s=void 0===this.u;return s&&(this.u=t.options?.host,this.u.addController(this),this.u.updateComplete.then((t=>this.t=true)),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(s||"function"!=typeof i)&&this.p(i),this.render(i)}p(t){t=t??{};const i=this.getController();void 0!==i&&((t={...i.defaultOptions,...t}).keyframeOptions={...i.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??=b,this.options=t;}m(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{const h=i[e]??(N[e]?void 0:s[e]),o=Number(h);t[e]=isNaN(o)?h+"":o;})),t}v(){let t,i=true;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return  false}else if(i===t)return  false;return  true})(t,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.h&&(this._=Array.isArray(t)?Array.from(t):t),this.h}hostUpdate(){"function"==typeof this.optionsOrCallback&&this.p(this.optionsOrCallback()),this.v()&&(this.A=this.m(),this.i=this.i??this.element.parentNode,this.o=this.element.nextSibling);}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this.O(),s=this.j(this.options.keyframeOptions,i),e=this.m();if(void 0!==this.A){const{from:s,to:h}=this.N(this.A,e,i);this.log("measured",[this.A,e,s,h]),t=this.calculateKeyframes(s,h);}else {const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:h,to:n}=this.N(s,e,i);t=this.calculateKeyframes(h,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,o++,t.forEach((t=>t.zIndex=o));}else this.options.in&&(t=[...this.options.in,{}]);}this.animate(t,s);}resetStyles(){ void 0!==this.P&&(this.element.setAttribute("style",this.P??""),this.P=void 0);}commitStyles(){this.P=this.element.getAttribute("style"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel();}reconnected(){}async disconnected(){if(!this.h)return;if(void 0!==this.options.id&&r.set(this.options.id,this.A),void 0===this.options.out)return;if(this.prepare(),await a(),this.i?.isConnected){const t=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.m();this.log("stabilizing out");const i=this.A.left-t.left,s=this.A.top-t.top;!("static"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position="relative"),0!==i&&(this.element.style.left=i+"px"),0!==s&&(this.element.style.top=s+"px");}}const t=this.j(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove();}prepare(){this.createFinished();}start(){this.options.onStart?.(this);}didFinish(t){t&&this.options.onComplete?.(this),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished();}O(){const t=[];for(let i=this.element.parentNode;i;i=i?.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s);}return t}get isHostRendered(){const t=n.has(this.u);return t||this.u.updateComplete.then((()=>{n.add(this.u);})),t}j(t,i=this.O()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}N(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let h=1,o=1;return e.length>0&&(e.forEach((t=>{t.width&&(h/=t.width),t.height&&(o/=t.height);})),void 0!==t.left&&void 0!==i.left&&(t.left=h*t.left,i.left=h*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=o*t.top,i.top=o*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=false){const e={},h={};let o=false;const r={};for(const s in i){const n=t[s],a=i[s];if(s in N){const t=N[s];if(void 0===n||void 0===a)continue;const i=t(n,a);void 0!==i.transform&&(r[s]=i.value,o=true,e.transform=`${e.transform??""} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(e,i.overrideFrom));}else n!==a&&void 0!==n&&void 0!==a&&(o=true,e[s]=n,h[s]=a);}return e.transformOrigin=h.transformOrigin=s?"center center":"top left",this.animatingProperties=r,o?[e,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=false;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),void 0!==t)){this.log("animate",[t,i]),s=true,this.webAnimation=this.element.animate(t,i);const e=this.getController();e?.add(this);try{await this.webAnimation.finished;}catch(t){}e?.remove(this);}return this.didFinish(s),s}isAnimating(){return "running"===this.webAnimation?.playState||this.webAnimation?.pending}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i);}}const F=directive.e(x);
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const e=directive.e(class extends directive.i{constructor(t){if(super(t),t.type!==directive.t.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return shared_tailwindElement_index.T}});
-
-const style = "p {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1))\n}\np b {\n    --tw-text-opacity: 1;\n    color: rgb(249 115 22 / var(--tw-text-opacity, 1))\n}";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-exports.LuksoTest = class LuksoTest extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.name = "World";
-    this.clicked = false;
-    this.disabled = false;
-    this.duration = 1e3;
-    this.controller = new t(this, {
-      defaultOptions: {
-        keyframeOptions: {
-          duration: this.duration,
-          fill: "backwards"
-        }
-      }
-    });
-  }
-  _onClick() {
-    if (this.disabled) {
-      return;
-    }
-    this.clicked = true;
-    setTimeout(() => {
-      this.clicked = false;
-    }, 2e3);
-  }
-  render() {
-    const classes = {
-      "text-yellow-200": !this.disabled,
-      "p-2": true,
-      "rounded-full": true,
-      "text-24": true,
-      "bg-blue-800": this.clicked && !this.disabled,
-      "bg-blue-200": !this.clicked && !this.disabled
-    };
-    return shared_tailwindElement_index.x`
-      <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 ${e(classes)}"
-        ${F()}
-      >
-        Hello world! 2
-      </button>
-    `;
-  }
-};
-__decorateClass([
-  property.n()
-], exports.LuksoTest.prototype, "name", 2);
-__decorateClass([
-  property.n()
-], exports.LuksoTest.prototype, "clicked", 2);
-__decorateClass([
-  property.n({ type: Boolean })
-], exports.LuksoTest.prototype, "disabled", 2);
-exports.LuksoTest = __decorateClass([
-  property.t("lukso-test")
-], exports.LuksoTest);

package/dist/components/lukso-test/index.d.ts

@@ -1,18 +0,0 @@
-import { AnimateController } from '@lit-labs/motion';
-declare const LuksoTest_base: typeof import('lit').LitElement;
-export declare class LuksoTest extends LuksoTest_base {
-    name: string;
-    private clicked;
-    disabled: boolean;
-    duration: number;
-    controller: AnimateController;
-    _onClick(): void;
-    render(): import('lit-html').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lukso-test': LuksoTest;
-    }
-}
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/lukso-test/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-test/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;;AAM7D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAU;IAGd,OAAO,CAAC,OAAO,CAAQ;IAGvB,QAAQ,UAAQ;IAEhB,QAAQ,SAAO;IACf,UAAU,oBAOR;IAEF,QAAQ;IAUR,MAAM;CA0BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

package/dist/components/lukso-test/index.js

@@ -1,99 +0,0 @@
-import { E, b as T, T as TailwindStyledElement, x as x$1 } from '../../index-ai1JMlH_.js';
-import { n as n$2, t as t$2 } from '../../property-BNDS2YNq.js';
-import { i as i$1, t as t$1, e as e$1 } from '../../directive-BKuZRRPO.js';
-import { f as f$1 } from '../../directive-helpers-DmfQA7B0.js';
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const s=(i,t)=>{const e=i._$AN;if(void 0===e)return  false;for(const i of e)i._$AO?.(t,false),s(i,t);return  true},o$1=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r$1=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t);}};function h(i){ void 0!==this._$AN?(o$1(this),this._$AM=i,r$1(this)):this._$AM=i;}function n$1(i,t=false,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],false),o$1(r[i]);else null!=r&&(s(r,false),o$1(r));else s(this,i);}const c=i=>{i.type==t$1.CHILD&&(i._$AP??=n$1,i._$AQ??=h);};class f extends i$1{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r$1(this),this.isConnected=i._$AU;}_$AO(i,t=true){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$1(this));}setValue(t){if(f$1(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
-
-const i=new WeakMap;class t{constructor(t,s){this.startPaused=false,this.disabled=false,this.clients=new Set,this.pendingComplete=false,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this);}async add(i){this.clients.add(i),this.startPaused&&i.webAnimation?.pause(),this.pendingComplete=true,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=false,this.onComplete?.());}remove(i){this.clients.delete(i);}pause(){this.clients.forEach((i=>i.webAnimation?.pause()));}play(){this.clients.forEach((i=>i.webAnimation?.play()));}cancel(){this.clients.forEach((i=>i.webAnimation?.cancel())),this.clients.clear();}finish(){this.clients.forEach((i=>i.webAnimation?.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((i=>"running"===i.webAnimation?.playState))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)));}}
-
-let o=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:"ease-in-out"},b=["left","top","width","height","opacity","color","background"],j=new WeakMap;class x extends f{constructor(t){if(super(t),this.t=false,this.i=null,this.o=null,this.h=true,this.shouldLog=false,t.type===t$1.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished();}createFinished(){this.resolveFinished?.(),this.finished=new Promise((t=>{this.l=t;}));}async resolveFinished(){this.l?.(),this.l=void 0;}render(i){return E}getController(){return i.get(this.u)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(t,[i]){const s=void 0===this.u;return s&&(this.u=t.options?.host,this.u.addController(this),this.u.updateComplete.then((t=>this.t=true)),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(s||"function"!=typeof i)&&this.p(i),this.render(i)}p(t){t=t??{};const i=this.getController();void 0!==i&&((t={...i.defaultOptions,...t}).keyframeOptions={...i.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??=b,this.options=t;}m(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{const h=i[e]??(N[e]?void 0:s[e]),o=Number(h);t[e]=isNaN(o)?h+"":o;})),t}v(){let t,i=true;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return  false}else if(i===t)return  false;return  true})(t,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.h&&(this._=Array.isArray(t)?Array.from(t):t),this.h}hostUpdate(){"function"==typeof this.optionsOrCallback&&this.p(this.optionsOrCallback()),this.v()&&(this.A=this.m(),this.i=this.i??this.element.parentNode,this.o=this.element.nextSibling);}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this.O(),s=this.j(this.options.keyframeOptions,i),e=this.m();if(void 0!==this.A){const{from:s,to:h}=this.N(this.A,e,i);this.log("measured",[this.A,e,s,h]),t=this.calculateKeyframes(s,h);}else {const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:h,to:n}=this.N(s,e,i);t=this.calculateKeyframes(h,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,o++,t.forEach((t=>t.zIndex=o));}else this.options.in&&(t=[...this.options.in,{}]);}this.animate(t,s);}resetStyles(){ void 0!==this.P&&(this.element.setAttribute("style",this.P??""),this.P=void 0);}commitStyles(){this.P=this.element.getAttribute("style"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel();}reconnected(){}async disconnected(){if(!this.h)return;if(void 0!==this.options.id&&r.set(this.options.id,this.A),void 0===this.options.out)return;if(this.prepare(),await a(),this.i?.isConnected){const t=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.m();this.log("stabilizing out");const i=this.A.left-t.left,s=this.A.top-t.top;!("static"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position="relative"),0!==i&&(this.element.style.left=i+"px"),0!==s&&(this.element.style.top=s+"px");}}const t=this.j(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove();}prepare(){this.createFinished();}start(){this.options.onStart?.(this);}didFinish(t){t&&this.options.onComplete?.(this),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished();}O(){const t=[];for(let i=this.element.parentNode;i;i=i?.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s);}return t}get isHostRendered(){const t=n.has(this.u);return t||this.u.updateComplete.then((()=>{n.add(this.u);})),t}j(t,i=this.O()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}N(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let h=1,o=1;return e.length>0&&(e.forEach((t=>{t.width&&(h/=t.width),t.height&&(o/=t.height);})),void 0!==t.left&&void 0!==i.left&&(t.left=h*t.left,i.left=h*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=o*t.top,i.top=o*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=false){const e={},h={};let o=false;const r={};for(const s in i){const n=t[s],a=i[s];if(s in N){const t=N[s];if(void 0===n||void 0===a)continue;const i=t(n,a);void 0!==i.transform&&(r[s]=i.value,o=true,e.transform=`${e.transform??""} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(e,i.overrideFrom));}else n!==a&&void 0!==n&&void 0!==a&&(o=true,e[s]=n,h[s]=a);}return e.transformOrigin=h.transformOrigin=s?"center center":"top left",this.animatingProperties=r,o?[e,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=false;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),void 0!==t)){this.log("animate",[t,i]),s=true,this.webAnimation=this.element.animate(t,i);const e=this.getController();e?.add(this);try{await this.webAnimation.finished;}catch(t){}e?.remove(this);}return this.didFinish(s),s}isAnimating(){return "running"===this.webAnimation?.playState||this.webAnimation?.pending}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i);}}const F=e$1(x);
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const e=e$1(class extends i$1{constructor(t){if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T}});
-
-const style = "p {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1))\n}\np b {\n    --tw-text-opacity: 1;\n    color: rgb(249 115 22 / var(--tw-text-opacity, 1))\n}";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let LuksoTest = class extends TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.name = "World";
-    this.clicked = false;
-    this.disabled = false;
-    this.duration = 1e3;
-    this.controller = new t(this, {
-      defaultOptions: {
-        keyframeOptions: {
-          duration: this.duration,
-          fill: "backwards"
-        }
-      }
-    });
-  }
-  _onClick() {
-    if (this.disabled) {
-      return;
-    }
-    this.clicked = true;
-    setTimeout(() => {
-      this.clicked = false;
-    }, 2e3);
-  }
-  render() {
-    const classes = {
-      "text-yellow-200": !this.disabled,
-      "p-2": true,
-      "rounded-full": true,
-      "text-24": true,
-      "bg-blue-800": this.clicked && !this.disabled,
-      "bg-blue-200": !this.clicked && !this.disabled
-    };
-    return x$1`
-      <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 ${e(classes)}"
-        ${F()}
-      >
-        Hello world! 2
-      </button>
-    `;
-  }
-};
-__decorateClass([
-  n$2()
-], LuksoTest.prototype, "name", 2);
-__decorateClass([
-  n$2()
-], LuksoTest.prototype, "clicked", 2);
-__decorateClass([
-  n$2({ type: Boolean })
-], LuksoTest.prototype, "disabled", 2);
-LuksoTest = __decorateClass([
-  t$2("lukso-test")
-], LuksoTest);
-
-export { LuksoTest };

package/dist/components/lukso-test/test.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare function Primary({ disabled }: {
-    disabled: any;
-}): import('lit-html').TemplateResult<1>;
-export declare namespace Primary {
-    var args: {
-        disabled: boolean;
-    };
-    var play: ({ canvasElement }: {
-        canvasElement: any;
-    }) => Promise<void>;
-}
-//# sourceMappingURL=test.stories.d.ts.map

package/dist/components/lukso-test/test.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-test/test.stories.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE;;CAAA,wCAEnC;yBAFe,OAAO"}

package/dist/directive-helpers-BilhVy-E.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-const shared_tailwindElement_index = require('./index-sTnZd0lm.cjs');
-
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const {I:t}=shared_tailwindElement_index.Z,f$1=o=>void 0===o.strings,s=()=>document.createComment(""),r=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(s(),l),c=e.insertBefore(s(),l);n=new t(i,c,o,o.options);}else {const t=n._$AB.nextSibling,i=n._$AM,c=i!==o;if(c){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t);}if(t!==l||c){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t;}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u={},m=(o,t=u)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AP?.(false,true);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
-
-exports.M = M;
-exports.f = f$1;
-exports.m = m;
-exports.p = p;
-exports.r = r;
-exports.v = v;

package/dist/directive-helpers-DmfQA7B0.js

@@ -1,9 +0,0 @@
-import { Z } from './index-ai1JMlH_.js';
-
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const {I:t}=Z,f$1=o=>void 0===o.strings,s=()=>document.createComment(""),r=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(s(),l),c=e.insertBefore(s(),l);n=new t(i,c,o,o.options);}else {const t=n._$AB.nextSibling,i=n._$AM,c=i!==o;if(c){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t);}if(t!==l||c){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t;}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u={},m=(o,t=u)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AP?.(false,true);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
-
-export { M, f$1 as f, m, p, r, v };