@lukso/web-components 1.41.0 → 1.42.0

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

@@ -1,6 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-9dfdafd2.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { T as TailwindStyledElement, x } from '../../index-ed87f41b.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -18,7 +17,17 @@ var __decorateClass = (decorators, target, key, kind) => {
 let LuksoShare = class extends TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.customClass = "";
+    this.customStyle = "";
+    this.providers = [
+      "twitter",
+      "instagram",
+      "linkedin",
+      "telegram",
+      "discord",
+      "reddit",
+      "medium",
+      "github"
+    ];
     this.urls = {
       twitter: "https://twitter.com/lukso_io",
       instagram: "https://www.instagram.com/lukso",
@@ -34,29 +43,29 @@ let LuksoShare = class extends TailwindStyledElement(style) {
     return x`<a
       href=${url}
       target="_blank"
-      class="transition-all duration-300 rounded-full hover:opacity-80 hover:shadow-button-hover-primary"
+      class="transition-all duration-300 rounded-full opacity-50 hover:opacity-80 hover:shadow-button-hover-primary h-7 w-7"
       ><img src="/assets/images/social-${name}.svg" alt=""
     /></a>`;
   }
   render() {
     const linkTemplates = [];
-    for (const i of Object.keys(this.urls)) {
-      linkTemplates.push(this.linkTemplate(i, this.urls[i]));
+    for (const provider of this.providers) {
+      linkTemplates.push(this.linkTemplate(provider, this.urls[provider]));
     }
     return x`<div
-      class="grid gap-4 grid-cols-[repeat(4,max-content)] sm:grid-cols-[repeat(8,max-content)] ${customClassMap(
-      {
-        [this.customClass]: !!this.customClass
-      }
-    )}"
+      class="grid gap-2 sm:gap-4"
+      style="grid-template-columns: repeat(${this.providers.length}, max-content); ${this.customStyle}"
     >
       ${linkTemplates}
     </div>`;
   }
 };
 __decorateClass([
-  e({ type: String, attribute: "custom-class" })
-], LuksoShare.prototype, "customClass", 2);
+  e({ type: String, attribute: "custom-style" })
+], LuksoShare.prototype, "customStyle", 2);
+__decorateClass([
+  e({ type: Array })
+], LuksoShare.prototype, "providers", 2);
 LuksoShare = __decorateClass([
   e$1("lukso-share")
 ], LuksoShare);

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

@@ -2,6 +2,10 @@ import { Meta } from '@storybook/web-components';
 /**  Documentation and examples of `lukso-share` component. */
 declare const meta: Meta;
 export default meta;
-/** Component render responsive list of links, use `custom-class` property to change layout of the elements. */
+/** Component render responsive list of links. */
 export declare const Default: any;
+/** With `custom-style` attribute you can change layout of the elements. */
+export declare const CustomStyle: any;
+/** With `providers` attribute pick only providers that you want, you can also control order this way. Use `JSON.stringify` to encode `array`. */
+export declare const LimitProviders: any;
 //# sourceMappingURL=lukso-share.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-share.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-share/lukso-share.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,8DAA8D;AAC9D,QAAA,MAAM,IAAI,EAAE,IAuBX,CAAA;AAED,eAAe,IAAI,CAAA;AAKnB,+GAA+G;AAC/G,eAAO,MAAM,OAAO,KAAoB,CAAA"}
+{"version":3,"file":"lukso-share.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-share/lukso-share.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,8DAA8D;AAC9D,QAAA,MAAM,IAAI,EAAE,IAoCX,CAAA;AAED,eAAe,IAAI,CAAA;AAQnB,iDAAiD;AACjD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAExC,2EAA2E;AAC3E,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,iJAAiJ;AACjJ,eAAO,MAAM,cAAc,KAAoB,CAAA"}

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-e765f94b.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-3a049df9.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-930f6cf2.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const styleMap = require('../../style-map-3b9af808.cjs');
+const index = require('../../index-e9668573.cjs');
+require('../../directive-8278ab14.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -73,17 +74,17 @@ exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoSwitch.prototype, "color", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-checked" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-checked" })
 ], exports.LuksoSwitch.prototype, "isChecked", 2);
 __decorateClass([
-  directive.e({
+  queryAssignedElements.e({
     type: Boolean,
     attribute: "is-disabled"
   })
 ], exports.LuksoSwitch.prototype, "isDisabled", 2);
 exports.LuksoSwitch = __decorateClass([
-  directive.e$1("lukso-switch")
+  queryAssignedElements.e$1("lukso-switch")
 ], exports.LuksoSwitch);

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

@@ -1,7 +1,8 @@
-import { a as TailwindElement, x } from '../../index-9dfdafd2.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-5173bb70.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { a as TailwindElement, x } from '../../index-ed87f41b.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
+import { o } from '../../style-map-5daca6c4.js';
+import { c as customClassMap } from '../../index-5e194caf.js';
+import '../../directive-2bb7789e.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-e765f94b.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-3a049df9.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-930f6cf2.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const styleMap = require('../../style-map-3b9af808.cjs');
+const index = require('../../index-e9668573.cjs');
+require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -70,17 +71,17 @@ exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindS
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoTag.prototype, "size", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-rounded" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-rounded" })
 ], exports.LuksoTag.prototype, "isRounded", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "background-color" })
+  queryAssignedElements.e({ type: String, attribute: "background-color" })
 ], exports.LuksoTag.prototype, "backgroundColor", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "text-color" })
+  queryAssignedElements.e({ type: String, attribute: "text-color" })
 ], exports.LuksoTag.prototype, "textColor", 2);
 exports.LuksoTag = __decorateClass([
-  directive.e$1("lukso-tag")
+  queryAssignedElements.e$1("lukso-tag")
 ], exports.LuksoTag);

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

@@ -1,7 +1,8 @@
-import { T as TailwindStyledElement, x } from '../../index-9dfdafd2.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-5173bb70.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { T as TailwindStyledElement, x } from '../../index-ed87f41b.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
+import { o } from '../../style-map-5daca6c4.js';
+import { c as customClassMap } from '../../index-5e194caf.js';
+import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-e765f94b.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const state = require('../../state-a62a7d5d.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-930f6cf2.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const state = require('../../state-51b50a6b.cjs');
+const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
-require('../../style-map-3a049df9.cjs');
+require('../../directive-8278ab14.cjs');
+require('../../style-map-3b9af808.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -77,6 +78,7 @@ exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.Tailw
     })}
       >
         <div
+          data-testid="scroll-to-bottom"
           class="w-10 h-10 bg-neutral-100 rounded-full shadow-1xl flex items-center justify-center animate-bounce2 cursor-pointer"
           @click=${this.handleBottomScroll}
         >
@@ -87,11 +89,11 @@ exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoTerms.prototype, "text", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoTerms.prototype, "hasScrollButton", 2);
 exports.LuksoTerms = __decorateClass([
-  directive.e$1("lukso-terms")
+  queryAssignedElements.e$1("lukso-terms")
 ], exports.LuksoTerms);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-terms/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;;AAEpC,qBACa,UAAW,SAAQ,eAA4B;IAE1D,IAAI,SAAK;IAGT,OAAO,CAAC,eAAe,CAAO;IAE9B,OAAO,CAAC,aAAa,CAE8B;IAEnD,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,kBAAkB;IAW1B,MAAM;CA2BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-terms/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;;AAEpC,qBACa,UAAW,SAAQ,eAA4B;IAE1D,IAAI,SAAK;IAGT,OAAO,CAAC,eAAe,CAAO;IAE9B,OAAO,CAAC,aAAa,CAE8B;IAEnD,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,kBAAkB;IAW1B,MAAM;CA4BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -1,10 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-9dfdafd2.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { t } from '../../state-7fde94d1.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { T as TailwindStyledElement, x } from '../../index-ed87f41b.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
+import { t } from '../../state-02a92ffa.js';
+import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
-import '../../style-map-5173bb70.js';
+import '../../directive-2bb7789e.js';
+import '../../style-map-5daca6c4.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -73,6 +74,7 @@ let LuksoTerms = class extends TailwindStyledElement(style) {
     })}
       >
         <div
+          data-testid="scroll-to-bottom"
           class="w-10 h-10 bg-neutral-100 rounded-full shadow-1xl flex items-center justify-center animate-bounce2 cursor-pointer"
           @click=${this.handleBottomScroll}
         >

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-e765f94b.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const directiveHelpers = require('../../directive-helpers-e70702eb.cjs');
+const shared_tailwindElement_index = require('../../index-930f6cf2.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const directive = require('../../directive-8278ab14.cjs');
+const directiveHelpers = require('../../directive-helpers-01f1c3b1.cjs');
 
 /**
  * @license
@@ -14,13 +15,13 @@ const directiveHelpers = require('../../directive-helpers-e70702eb.cjs');
 
 const i=new WeakMap;class t{constructor(t,s){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,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){var t,s;this.clients.add(i),this.startPaused&&(null===(t=i.webAnimation)||void 0===t||t.pause()),this.pendingComplete=!0,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,null===(s=this.onComplete)||void 0===s||s.call(this));}remove(i){this.clients.delete(i);}pause(){this.clients.forEach((i=>{var t;return null===(t=i.webAnimation)||void 0===t?void 0:t.pause()}));}play(){this.clients.forEach((i=>{var t;return null===(t=i.webAnimation)||void 0===t?void 0:t.play()}));}cancel(){this.clients.forEach((i=>{var t;return null===(t=i.webAnimation)||void 0===t?void 0:t.cancel()})),this.clients.clear();}finish(){this.clients.forEach((i=>{var t;return null===(t=i.webAnimation)||void 0===t?void 0:t.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=>{var t;return "running"===(null===(t=i.webAnimation)||void 0===t?void 0:t.playState)}))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)));}}
 
-let h=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 c{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===directive.t.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished();}createFinished(){var t;null===(t=this.resolveFinished)||void 0===t||t.call(this),this.finished=new Promise((t=>{this.h=t;}));}async resolveFinished(){var t;null===(t=this.h)||void 0===t||t.call(this),this.h=void 0;}render(i){return shared_tailwindElement_index.A$1}getController(){return i.get(this.l)}isDisabled(){var t;return this.options.disabled||(null===(t=this.getController())||void 0===t?void 0:t.disabled)}update(t,[i]){var s;const e=void 0===this.l;return e&&(this.l=null===(s=t.options)||void 0===s?void 0:s.host,this.l.addController(this),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(e||"function"!=typeof i)&&this.u(i),this.render(i)}u(t){var i,s;t=null!=t?t:{};const e=this.getController();void 0!==e&&((t={...e.defaultOptions,...t}).keyframeOptions={...e.defaultOptions.keyframeOptions,...t.keyframeOptions}),null!==(i=(s=t).properties)&&void 0!==i||(s.properties=b),this.options=t;}v(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{var o;const h=null!==(o=i[e])&&void 0!==o?o:N[e]?void 0:s[e],r=Number(h);t[e]=isNaN(r)?h+"":r;})),t}p(){let t,i=!0;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 !1}else if(i===t)return !1;return !0})(t,this.m)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.o&&(this.m=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){var t;"function"==typeof this.optionsOrCallback&&this.u(this.optionsOrCallback()),this.p()&&(this.g=this.v(),this.t=null!==(t=this.t)&&void 0!==t?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 a;const i=this._(),s=this.A(this.options.keyframeOptions,i),e=this.v();if(void 0!==this.g){const{from:s,to:o}=this.O(this.g,e,i);this.log("measured",[this.g,e,s,o]),t=this.calculateKeyframes(s,o);}else {const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:o,to:n}=this.O(s,e,i);t=this.calculateKeyframes(o,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,h++,t.forEach((t=>t.zIndex=h));}else this.options.in&&(t=[...this.options.in,{}]);}this.animate(t,s);}resetStyles(){var t;void 0!==this.j&&(this.element.setAttribute("style",null!==(t=this.j)&&void 0!==t?t:""),this.j=void 0);}commitStyles(){var t,i;this.j=this.element.getAttribute("style"),null===(t=this.webAnimation)||void 0===t||t.commitStyles(),null===(i=this.webAnimation)||void 0===i||i.cancel();}reconnected(){}async disconnected(){var t;if(!this.o)return;if(void 0!==this.options.id&&r.set(this.options.id,this.g),void 0===this.options.out)return;if(this.prepare(),await a(),null===(t=this.t)||void 0===t?void 0:t.isConnected){const t=this.i&&this.i.parentNode===this.t?this.i:null;if(this.t.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.v();this.log("stabilizing out");const i=this.g.left-t.left,s=this.g.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 i=this.A(this.options.keyframeOptions);await this.animate(this.options.out,i),this.element.remove();}prepare(){this.createFinished();}start(){var t,i;null===(i=(t=this.options).onStart)||void 0===i||i.call(t,this);}didFinish(t){var i,s;t&&(null===(s=(i=this.options).onComplete)||void 0===s||s.call(i,this)),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished();}_(){const t=[];for(let i=this.element.parentNode;i;i=null==i?void 0:i.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s);}return t}get isHostRendered(){const t=n.has(this.l);return t||this.l.updateComplete.then((()=>{n.add(this.l);})),t}A(t,i=this._()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}O(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let o=1,h=1;return void 0!==e&&(e.forEach((t=>{t.width&&(o/=t.width),t.height&&(h/=t.height);})),void 0!==t.left&&void 0!==i.left&&(t.left=o*t.left,i.left=o*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=h*t.top,i.top=h*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){var e;const o={},h={};let r=!1;const n={};for(const s in i){const a=t[s],l=i[s];if(s in N){const t=N[s];if(void 0===a||void 0===l)continue;const i=t(a,l);void 0!==i.transform&&(n[s]=i.value,r=!0,o.transform=`${null!==(e=o.transform)&&void 0!==e?e:""} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(o,i.overrideFrom));}else a!==l&&void 0!==a&&void 0!==l&&(r=!0,o[s]=a,h[s]=l);}return o.transformOrigin=h.transformOrigin=s?"center center":"top left",this.animatingProperties=n,r?[o,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;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=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();null==e||e.add(this);try{await this.webAnimation.finished;}catch(t){}null==e||e.remove(this);}return this.didFinish(s),s}isAnimating(){var t,i;return "running"===(null===(t=this.webAnimation)||void 0===t?void 0:t.playState)||(null===(i=this.webAnimation)||void 0===i?void 0:i.pending)}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i);}}const F=directive.e$2(x);
+let h=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 c{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===directive.t.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished();}createFinished(){var t;null===(t=this.resolveFinished)||void 0===t||t.call(this),this.finished=new Promise((t=>{this.h=t;}));}async resolveFinished(){var t;null===(t=this.h)||void 0===t||t.call(this),this.h=void 0;}render(i){return shared_tailwindElement_index.A$1}getController(){return i.get(this.l)}isDisabled(){var t;return this.options.disabled||(null===(t=this.getController())||void 0===t?void 0:t.disabled)}update(t,[i]){var s;const e=void 0===this.l;return e&&(this.l=null===(s=t.options)||void 0===s?void 0:s.host,this.l.addController(this),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(e||"function"!=typeof i)&&this.u(i),this.render(i)}u(t){var i,s;t=null!=t?t:{};const e=this.getController();void 0!==e&&((t={...e.defaultOptions,...t}).keyframeOptions={...e.defaultOptions.keyframeOptions,...t.keyframeOptions}),null!==(i=(s=t).properties)&&void 0!==i||(s.properties=b),this.options=t;}v(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{var o;const h=null!==(o=i[e])&&void 0!==o?o:N[e]?void 0:s[e],r=Number(h);t[e]=isNaN(r)?h+"":r;})),t}p(){let t,i=!0;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 !1}else if(i===t)return !1;return !0})(t,this.m)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.o&&(this.m=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){var t;"function"==typeof this.optionsOrCallback&&this.u(this.optionsOrCallback()),this.p()&&(this.g=this.v(),this.t=null!==(t=this.t)&&void 0!==t?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 a;const i=this._(),s=this.A(this.options.keyframeOptions,i),e=this.v();if(void 0!==this.g){const{from:s,to:o}=this.O(this.g,e,i);this.log("measured",[this.g,e,s,o]),t=this.calculateKeyframes(s,o);}else {const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:o,to:n}=this.O(s,e,i);t=this.calculateKeyframes(o,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,h++,t.forEach((t=>t.zIndex=h));}else this.options.in&&(t=[...this.options.in,{}]);}this.animate(t,s);}resetStyles(){var t;void 0!==this.j&&(this.element.setAttribute("style",null!==(t=this.j)&&void 0!==t?t:""),this.j=void 0);}commitStyles(){var t,i;this.j=this.element.getAttribute("style"),null===(t=this.webAnimation)||void 0===t||t.commitStyles(),null===(i=this.webAnimation)||void 0===i||i.cancel();}reconnected(){}async disconnected(){var t;if(!this.o)return;if(void 0!==this.options.id&&r.set(this.options.id,this.g),void 0===this.options.out)return;if(this.prepare(),await a(),null===(t=this.t)||void 0===t?void 0:t.isConnected){const t=this.i&&this.i.parentNode===this.t?this.i:null;if(this.t.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.v();this.log("stabilizing out");const i=this.g.left-t.left,s=this.g.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 i=this.A(this.options.keyframeOptions);await this.animate(this.options.out,i),this.element.remove();}prepare(){this.createFinished();}start(){var t,i;null===(i=(t=this.options).onStart)||void 0===i||i.call(t,this);}didFinish(t){var i,s;t&&(null===(s=(i=this.options).onComplete)||void 0===s||s.call(i,this)),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished();}_(){const t=[];for(let i=this.element.parentNode;i;i=null==i?void 0:i.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s);}return t}get isHostRendered(){const t=n.has(this.l);return t||this.l.updateComplete.then((()=>{n.add(this.l);})),t}A(t,i=this._()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}O(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let o=1,h=1;return void 0!==e&&(e.forEach((t=>{t.width&&(o/=t.width),t.height&&(h/=t.height);})),void 0!==t.left&&void 0!==i.left&&(t.left=o*t.left,i.left=o*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=h*t.top,i.top=h*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){var e;const o={},h={};let r=!1;const n={};for(const s in i){const a=t[s],l=i[s];if(s in N){const t=N[s];if(void 0===a||void 0===l)continue;const i=t(a,l);void 0!==i.transform&&(n[s]=i.value,r=!0,o.transform=`${null!==(e=o.transform)&&void 0!==e?e:""} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(o,i.overrideFrom));}else a!==l&&void 0!==a&&void 0!==l&&(r=!0,o[s]=a,h[s]=l);}return o.transformOrigin=h.transformOrigin=s?"center center":"top left",this.animatingProperties=n,r?[o,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;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=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();null==e||e.add(this);try{await this.webAnimation.finished;}catch(t){}null==e||e.remove(this);}return this.didFinish(s),s}isAnimating(){var t,i;return "running"===(null===(t=this.webAnimation)||void 0===t?void 0:t.playState)||(null===(i=this.webAnimation)||void 0===i?void 0:i.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 o=directive.e$2(class extends directive.i{constructor(t){var i;if(super(t),t.type!==directive.t.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.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((i=>t[i])).join(" ")+" "}update(i,[s]){var r,o;if(void 0===this.it){this.it=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(r=this.nt)||void 0===r?void 0:r.has(t))&&this.it.add(t);return this.render(s)}const e=i.element.classList;this.it.forEach((t=>{t in s||(e.remove(t),this.it.delete(t));}));for(const t in s){const i=!!s[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.delete(t)));}return shared_tailwindElement_index.T}});
+ */const o=directive.e(class extends directive.i{constructor(t){var i;if(super(t),t.type!==directive.t.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.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((i=>t[i])).join(" ")+" "}update(i,[s]){var r,o;if(void 0===this.it){this.it=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(r=this.nt)||void 0===r?void 0:r.has(t))&&this.it.add(t);return this.render(s)}const e=i.element.classList;this.it.forEach((t=>{t in s||(e.remove(t),this.it.delete(t));}));for(const t in s){const i=!!s[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.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))\n}\np b {\n    --tw-text-opacity: 1;\n    color: rgb(249 115 22 / var(--tw-text-opacity))\n}";
 
@@ -88,14 +89,14 @@ exports.LuksoTest = class LuksoTest extends shared_tailwindElement_index.Tailwin
   }
 };
 __decorateClass([
-  directive.e()
+  queryAssignedElements.e()
 ], exports.LuksoTest.prototype, "name", 2);
 __decorateClass([
-  directive.e()
+  queryAssignedElements.e()
 ], exports.LuksoTest.prototype, "clicked", 2);
 __decorateClass([
-  directive.e({ type: Boolean })
+  queryAssignedElements.e({ type: Boolean })
 ], exports.LuksoTest.prototype, "disabled", 2);
 exports.LuksoTest = __decorateClass([
-  directive.e$1("lukso-test")
+  queryAssignedElements.e$1("lukso-test")
 ], exports.LuksoTest);

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

@@ -1,6 +1,7 @@
-import { c as A$1, b as T, T as TailwindStyledElement, x as x$1 } from '../../index-9dfdafd2.js';
-import { i as i$1, t as t$1, b as e$1, e as e$2, a as e$3 } from '../../directive-9ec64c08.js';
-import { e } from '../../directive-helpers-1affe406.js';
+import { c as A$1, b as T, T as TailwindStyledElement, x as x$1 } from '../../index-ed87f41b.js';
+import { e as e$2, a as e$3 } from '../../query-assigned-elements-e36df787.js';
+import { i as i$1, t as t$1, e as e$1 } from '../../directive-2bb7789e.js';
+import { e } from '../../directive-helpers-8f79cbe5.js';
 
 /**
  * @license

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-e765f94b.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-3a049df9.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-930f6cf2.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const styleMap = require('../../style-map-3b9af808.cjs');
+const index = require('../../index-e9668573.cjs');
+require('../../directive-8278ab14.cjs');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
   if (!address) {
@@ -122,35 +123,35 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoUsername.prototype, "name", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoUsername.prototype, "address", 2);
 __decorateClass([
-  directive.e({ type: Number, attribute: "max-width" })
+  queryAssignedElements.e({ type: Number, attribute: "max-width" })
 ], exports.LuksoUsername.prototype, "maxWidth", 2);
 __decorateClass([
-  directive.e({ type: "string" })
+  queryAssignedElements.e({ type: "string" })
 ], exports.LuksoUsername.prototype, "size", 2);
 __decorateClass([
-  directive.e({ type: Number, attribute: "slice-by" })
+  queryAssignedElements.e({ type: Number, attribute: "slice-by" })
 ], exports.LuksoUsername.prototype, "sliceBy", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "address-color" })
+  queryAssignedElements.e({ type: String, attribute: "address-color" })
 ], exports.LuksoUsername.prototype, "addressColor", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "name-color" })
+  queryAssignedElements.e({ type: String, attribute: "name-color" })
 ], exports.LuksoUsername.prototype, "nameColor", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "custom-class" })
+  queryAssignedElements.e({ type: String, attribute: "custom-class" })
 ], exports.LuksoUsername.prototype, "customClass", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "hide-prefix" })
+  queryAssignedElements.e({ type: Boolean, attribute: "hide-prefix" })
 ], exports.LuksoUsername.prototype, "hidePrefix", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoUsername.prototype, "prefix", 2);
 exports.LuksoUsername = __decorateClass([
-  directive.e$1("lukso-username")
+  queryAssignedElements.e$1("lukso-username")
 ], exports.LuksoUsername);

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

@@ -1,7 +1,8 @@
-import { T as TailwindStyledElement, x, c as A } from '../../index-9dfdafd2.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-5173bb70.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { T as TailwindStyledElement, x, c as A } from '../../index-ed87f41b.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
+import { o } from '../../style-map-5daca6c4.js';
+import { c as customClassMap } from '../../index-5e194caf.js';
+import '../../directive-2bb7789e.js';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
   if (!address) {

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

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-e765f94b.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const directiveHelpers = require('../../directive-helpers-e70702eb.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-930f6cf2.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const directive = require('../../directive-8278ab14.cjs');
+const directiveHelpers = require('../../directive-helpers-01f1c3b1.cjs');
+const index = require('../../index-e9668573.cjs');
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=directive.e$2(class extends directive.i{constructor(e){if(super(e),e.type!==directive.t.CHILD)throw Error("repeat() can only be used in text expressions")}ct(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ct(e,s,t).values}update(s,[t,r,c]){var d;const a=directiveHelpers.m(s),{values:p,keys:v}=this.ct(t,r,c);if(!Array.isArray(a))return this.ut=v,p;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m=[];let y,x,j=0,k=a.length-1,w=0,A=p.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m[w]=directiveHelpers.f(a[j],p[w]),j++,w++;else if(h[k]===v[A])m[A]=directiveHelpers.f(a[k],p[A]),k--,A--;else if(h[j]===v[A])m[A]=directiveHelpers.f(a[j],p[A]),directiveHelpers.c(s,m[A+1],a[j]),j++,A--;else if(h[k]===v[w])m[w]=directiveHelpers.f(a[k],p[w]),directiveHelpers.c(s,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=directiveHelpers.c(s,a[j]);directiveHelpers.f(e,p[w]),m[w]=e;}else m[w]=directiveHelpers.f(t,p[w]),directiveHelpers.c(s,a[j],t),a[e]=null;w++;}else directiveHelpers.p(a[k]),k--;else directiveHelpers.p(a[j]),j++;for(;w<=A;){const e=directiveHelpers.c(s,m[A+1]);directiveHelpers.f(e,p[w]),m[w++]=e;}for(;j<=k;){const e=a[j++];null!==e&&directiveHelpers.p(e);}return this.ut=v,directiveHelpers.a(s,m),shared_tailwindElement_index.T}});
+const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=directive.e(class extends directive.i{constructor(e){if(super(e),e.type!==directive.t.CHILD)throw Error("repeat() can only be used in text expressions")}ct(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ct(e,s,t).values}update(s,[t,r,c]){var d;const a=directiveHelpers.m(s),{values:p,keys:v}=this.ct(t,r,c);if(!Array.isArray(a))return this.ut=v,p;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m=[];let y,x,j=0,k=a.length-1,w=0,A=p.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m[w]=directiveHelpers.f(a[j],p[w]),j++,w++;else if(h[k]===v[A])m[A]=directiveHelpers.f(a[k],p[A]),k--,A--;else if(h[j]===v[A])m[A]=directiveHelpers.f(a[j],p[A]),directiveHelpers.c(s,m[A+1],a[j]),j++,A--;else if(h[k]===v[w])m[w]=directiveHelpers.f(a[k],p[w]),directiveHelpers.c(s,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=directiveHelpers.c(s,a[j]);directiveHelpers.f(e,p[w]),m[w]=e;}else m[w]=directiveHelpers.f(t,p[w]),directiveHelpers.c(s,a[j],t),a[e]=null;w++;}else directiveHelpers.p(a[k]),k--;else directiveHelpers.p(a[j]),j++;for(;w<=A;){const e=directiveHelpers.c(s,m[A+1]);directiveHelpers.f(e,p[w]),m[w++]=e;}for(;j<=k;){const e=a[j++];null!==e&&directiveHelpers.p(e);}return this.ut=v,directiveHelpers.a(s,m),shared_tailwindElement_index.T}});
 
 const style = ".lukso-wizard-circle::after {\n  width: 0;\n}\n.lukso-wizard-circle.completed::after {\n  width: calc(100% - 16px);\n}\n.lukso-wizard-circle.current::after {\n  width: 0;\n}\n.lukso-wizard-circle.current.animated-step::after {\n  width: calc(100% - 16px);\n}";
 
@@ -98,14 +99,14 @@ exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoWizard.prototype, "steps", 2);
 __decorateClass([
-  directive.e({ type: Number, attribute: "active-step" })
+  queryAssignedElements.e({ type: Number, attribute: "active-step" })
 ], exports.LuksoWizard.prototype, "activeStep", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-full-width" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoWizard.prototype, "isFullWidth", 2);
 exports.LuksoWizard = __decorateClass([
-  directive.e$1("lukso-wizard")
+  queryAssignedElements.e$1("lukso-wizard")
 ], exports.LuksoWizard);

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

@@ -1,7 +1,8 @@
-import { b as T, T as TailwindStyledElement, x } from '../../index-9dfdafd2.js';
-import { b as e, i, t, e as e$1, a as e$2 } from '../../directive-9ec64c08.js';
-import { m, f, c as c$1, p, a } from '../../directive-helpers-1affe406.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { b as T, T as TailwindStyledElement, x } from '../../index-ed87f41b.js';
+import { e as e$1, a as e$2 } from '../../query-assigned-elements-e36df787.js';
+import { e, i, t } from '../../directive-2bb7789e.js';
+import { m, f, c as c$1, p, a } from '../../directive-helpers-8f79cbe5.js';
+import { c as customClassMap } from '../../index-5e194caf.js';
 
 /**
  * @license

package/dist/directive-2bb7789e.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{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)}}
+
+export { e, i, t };

package/dist/directive-8278ab14.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{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)}}
+
+exports.e = e;
+exports.i = i;
+exports.t = t;

package/dist/{directive-helpers-e70702eb.cjs → directive-helpers-01f1c3b1.cjs}

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

package/dist/{directive-helpers-1affe406.js → directive-helpers-8f79cbe5.js}

@@ -1,4 +1,4 @@
-import { j } from './index-9dfdafd2.js';
+import { j } from './index-ed87f41b.js';
 
 /**
  * @license

package/dist/{index-714323c9.js → index-5e194caf.js}

@@ -1,4 +1,4 @@
-import { b as e, i, t } from './directive-9ec64c08.js';
+import { e, i, t } from './directive-2bb7789e.js';
 
 class CustomClassMapDirective extends i {
   constructor(partInfo) {