@lukso/web-components 1.41.0 → 1.43.0

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

@@ -1,5 +1,7 @@
 import { TailwindElement } from '../../shared/tailwind-element';
+import { Provider } from '../../components/lukso-share';
 export declare class LuksoFooter extends TailwindElement {
+    providers: Provider[];
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,0BAA0B,CAAA;AAEjC,qBACa,WAAY,SAAQ,eAAe;IAC9C,MAAM;CAiCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,0BAA0B,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,qBACa,WAAY,SAAQ,eAAe;IAE9C,SAAS,EAAE,QAAQ,EAAE,CASpB;IAED,MAAM;CA8BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -1,7 +1,6 @@
-import { a as TailwindElement, x } from '../../index-9dfdafd2.js';
-import { a as e } from '../../directive-9ec64c08.js';
+import { a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import '../lukso-share/index.js';
-import '../../index-714323c9.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -15,42 +14,55 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoFooter = class extends TailwindElement {
+  constructor() {
+    super(...arguments);
+    this.providers = [
+      "twitter",
+      "instagram",
+      "linkedin",
+      "telegram",
+      "discord",
+      "reddit",
+      "medium",
+      "github"
+    ];
+  }
   render() {
     return x`
       <footer class="bg-neutral-100">
         <div
-          class="p-10 grid gap-12 items-center lg:grid-cols-[auto,max-content]"
-        >
-          <slot name="top"></slot>
-          <div className="flex lg:justify-end">
-            <lukso-share></lukso-share>
-          </div>
-        </div>
-        <div
-          class="grid sm:grid-cols-[max-content,auto] px-10 py-6 bg-neutral-95 gap-8"
+          class="p-10 grid gap-8 items-center lg:grid-cols-[auto,max-content]"
         >
-          <slot name="bottom"></slot>
-          <div class="flex sm:justify-end">
-            <a
-              href="https://lukso.network/"
-              target="_blank"
-              class="sm:text-right opacity-50 text-neutral-30"
-            >
-              <span class="paragraph-inter-10-semi-bold">Powered by</span>
-              <img
-                src="/assets/images/lukso-logo.svg"
-                alt="LUKSO"
-                class="h-4"
-              />
-            </a>
+          <slot name="links"></slot>
+          <div class="flex sm:justify-between gap-4 flex-col sm:flex-row">
+            <lukso-share
+              providers=${JSON.stringify(this.providers)}
+            ></lukso-share>
+            <div class="flex sm:ml-8 sm:justify-end">
+              <a
+                href="https://lukso.network/"
+                target="_blank"
+                class="flex flex-col opacity-50 text-neutral-30 transition-opacity hover:opacity-80 sm:text-right"
+              >
+                <span class="paragraph-inter-10-semi-bold">Powered by</span>
+                <img
+                  src="/assets/images/lukso-logo.svg"
+                  alt="LUKSO"
+                  class="h-4"
+                />
+              </a>
+            </div>
           </div>
         </div>
       </footer>
     `;
   }
 };
+__decorateClass([
+  e({ type: Array })
+], LuksoFooter.prototype, "providers", 2);
 LuksoFooter = __decorateClass([
-  e("lukso-footer")
+  e$1("lukso-footer")
 ], LuksoFooter);
 
 export { LuksoFooter };

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

@@ -4,4 +4,6 @@ declare const meta: Meta;
 export default meta;
 /** Example of default footer.  */
 export declare const DefaultFooter: 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-footer.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-footer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/lukso-footer.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,8HAA8H;AAC9H,QAAA,MAAM,IAAI,EAAE,IAcX,CAAA;AAED,eAAe,IAAI,CAAA;AAiCnB,kCAAkC;AAClC,eAAO,MAAM,aAAa,KAAoB,CAAA"}
+{"version":3,"file":"lukso-footer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/lukso-footer.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,8HAA8H;AAC9H,QAAA,MAAM,IAAI,EAAE,IAyBX,CAAA;AAED,eAAe,IAAI,CAAA;AAiDnB,kCAAkC;AAClC,eAAO,MAAM,aAAa,KAAoB,CAAA;AAE9C,iJAAiJ;AACjJ,eAAO,MAAM,cAAc,KAAoB,CAAA"}

package/dist/components/lukso-icon/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 styleMap = require('../../style-map-3a049df9.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const styleMap = require('../../style-map-c00f9dd9.cjs');
+require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -4802,17 +4803,17 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoIcon.prototype, "name", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoIcon.prototype, "size", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoIcon.prototype, "color", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "secondary-color" })
+  queryAssignedElements.e({ type: String, attribute: "secondary-color" })
 ], exports.LuksoIcon.prototype, "secondaryColor", 2);
 exports.LuksoIcon = __decorateClass([
-  directive.e$1("lukso-icon")
+  queryAssignedElements.e$1("lukso-icon")
 ], exports.LuksoIcon);

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

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

package/dist/components/lukso-input/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 state = require('../../state-a62a7d5d.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const state = require('../../state-51b50a6b.cjs');
+const index = require('../../index-e9668573.cjs');
+require('../../directive-8278ab14.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -248,64 +249,64 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "value", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "name", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "type", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "placeholder", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "label", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "autocomplete", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "id", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "ref", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "accept", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "description", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "error", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoInput.prototype, "unit", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "custom-class" })
+  queryAssignedElements.e({ type: String, attribute: "custom-class" })
 ], exports.LuksoInput.prototype, "customClass", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-full-width" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoInput.prototype, "isFullWidth", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-readonly" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoInput.prototype, "isReadonly", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-disabled" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoInput.prototype, "isDisabled", 2);
 __decorateClass([
-  directive.e({ type: Boolean })
+  queryAssignedElements.e({ type: Boolean })
 ], exports.LuksoInput.prototype, "autofocus", 2);
 __decorateClass([
-  directive.e({ type: Number })
+  queryAssignedElements.e({ type: Number })
 ], exports.LuksoInput.prototype, "max", 2);
 __decorateClass([
-  directive.e({ type: Number })
+  queryAssignedElements.e({ type: Number })
 ], exports.LuksoInput.prototype, "min", 2);
 __decorateClass([
-  directive.e({ type: Boolean })
+  queryAssignedElements.e({ type: Boolean })
 ], exports.LuksoInput.prototype, "borderless", 2);
 __decorateClass([
   state.t()
@@ -314,5 +315,5 @@ __decorateClass([
   state.t()
 ], exports.LuksoInput.prototype, "hasHighlight", 2);
 exports.LuksoInput = __decorateClass([
-  directive.e$1("lukso-input")
+  queryAssignedElements.e$1("lukso-input")
 ], exports.LuksoInput);

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

@@ -1,7 +1,8 @@
-import { a as TailwindElement, x, A } 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 { a as TailwindElement, x, A } from '../../index-5b6b1166.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 '../../directive-2bb7789e.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-modal/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 index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const index = require('../../index-e9668573.cjs');
+require('../../directive-8278ab14.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -60,11 +61,11 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-open" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-open" })
 ], exports.LuksoModal.prototype, "isOpen", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoModal.prototype, "size", 2);
 exports.LuksoModal = __decorateClass([
-  directive.e$1("lukso-modal")
+  queryAssignedElements.e$1("lukso-modal")
 ], exports.LuksoModal);

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

@@ -1,6 +1,7 @@
-import { a as TailwindElement, x } from '../../index-9dfdafd2.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.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-navbar/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-7ef6f8a1.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-tag/index.cjs');
-require('../../style-map-3a049df9.cjs');
+require('../../directive-8278ab14.cjs');
+require('../../style-map-c00f9dd9.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -125,32 +126,32 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoNavbar.prototype, "title", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-center" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-center" })
 ], exports.LuksoNavbar.prototype, "isCenter", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-sticky" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-sticky" })
 ], exports.LuksoNavbar.prototype, "isSticky", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-transparent" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-transparent" })
 ], exports.LuksoNavbar.prototype, "isTransparent", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-testnet" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-testnet" })
 ], exports.LuksoNavbar.prototype, "isTestnet", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoNavbar.prototype, "icon", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "has-menu" })
+  queryAssignedElements.e({ type: Boolean, attribute: "has-menu" })
 ], exports.LuksoNavbar.prototype, "hasMenu", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "logo-url" })
+  queryAssignedElements.e({ type: String, attribute: "logo-url" })
 ], exports.LuksoNavbar.prototype, "logoUrl", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoNavbar.prototype, "isMenuOpen", 2);
 exports.LuksoNavbar = __decorateClass([
-  directive.e$1("lukso-navbar")
+  queryAssignedElements.e$1("lukso-navbar")
 ], exports.LuksoNavbar);

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

@@ -1,10 +1,11 @@
-import { a as TailwindElement, 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 { a as TailwindElement, x } from '../../index-5b6b1166.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-tag/index.js';
-import '../../style-map-5173bb70.js';
+import '../../directive-2bb7789e.js';
+import '../../style-map-6cdbbb8b.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-profile/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-7ef6f8a1.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const styleMap = require('../../style-map-c00f9dd9.cjs');
+const index = require('../../index-e9668573.cjs');
+require('../../directive-8278ab14.cjs');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -540,17 +541,17 @@ exports.LuksoProfile = class LuksoProfile extends shared_tailwindElement_index.T
   }
 };
 __decorateClass([
-  directive.e({ type: String, attribute: "profile-url" })
+  queryAssignedElements.e({ type: String, attribute: "profile-url" })
 ], exports.LuksoProfile.prototype, "profileUrl", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "profile-address" })
+  queryAssignedElements.e({ type: String, attribute: "profile-address" })
 ], exports.LuksoProfile.prototype, "profileAddress", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "has-identicon" })
+  queryAssignedElements.e({ type: Boolean, attribute: "has-identicon" })
 ], exports.LuksoProfile.prototype, "hasIdenticon", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoProfile.prototype, "size", 2);
 exports.LuksoProfile = __decorateClass([
-  directive.e$1("lukso-profile")
+  queryAssignedElements.e$1("lukso-profile")
 ], exports.LuksoProfile);

package/dist/components/lukso-profile/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-5b6b1166.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
+import { o } from '../../style-map-6cdbbb8b.js';
+import { c as customClassMap } from '../../index-5e194caf.js';
+import '../../directive-2bb7789e.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/components/lukso-progress/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-7ef6f8a1.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const styleMap = require('../../style-map-c00f9dd9.cjs');
+const index = require('../../index-e9668573.cjs');
+require('../../directive-8278ab14.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -53,17 +54,17 @@ exports.LuksoProgress = class LuksoProgress extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  directive.e({ type: Number })
+  queryAssignedElements.e({ type: Number })
 ], exports.LuksoProgress.prototype, "min", 2);
 __decorateClass([
-  directive.e({ type: Number })
+  queryAssignedElements.e({ type: Number })
 ], exports.LuksoProgress.prototype, "max", 2);
 __decorateClass([
-  directive.e({ type: Number })
+  queryAssignedElements.e({ type: Number })
 ], exports.LuksoProgress.prototype, "current", 2);
 __decorateClass([
-  directive.e({ type: String })
+  queryAssignedElements.e({ type: String })
 ], exports.LuksoProgress.prototype, "variant", 2);
 exports.LuksoProgress = __decorateClass([
-  directive.e$1("lukso-progress")
+  queryAssignedElements.e$1("lukso-progress")
 ], exports.LuksoProgress);

package/dist/components/lukso-progress/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-5b6b1166.js';
+import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
+import { o } from '../../style-map-6cdbbb8b.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-sanitize/index.cjs

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-e765f94b.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
+const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const directive = require('../../directive-8278ab14.cjs');
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class e extends directive.i{constructor(i){if(super(i),this.et=shared_tailwindElement_index.A$1,i.type!==directive.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===shared_tailwindElement_index.A$1||null==r)return this.ft=void 0,this.et=r;if(r===shared_tailwindElement_index.T)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.et)return this.ft;this.et=r;const s=[r];return s.raw=s,this.ft={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const o=directive.e$2(e);
+ */class e extends directive.i{constructor(i){if(super(i),this.et=shared_tailwindElement_index.A$1,i.type!==directive.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===shared_tailwindElement_index.A$1||null==r)return this.ft=void 0,this.et=r;if(r===shared_tailwindElement_index.T)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.et)return this.ft;this.et=r;const s=[r];return s.raw=s,this.ft={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const o=directive.e(e);
 
 /*! @license DOMPurify 3.0.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.5/LICENSE */
 
@@ -1667,11 +1668,11 @@ exports.LuksoSanitize = class LuksoSanitize extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  directive.e({ type: String, attribute: "html-content" })
+  queryAssignedElements.e({ type: String, attribute: "html-content" })
 ], exports.LuksoSanitize.prototype, "htmlContent", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-pre" })
+  queryAssignedElements.e({ type: Boolean, attribute: "is-pre" })
 ], exports.LuksoSanitize.prototype, "isPre", 2);
 exports.LuksoSanitize = __decorateClass([
-  directive.e$1("lukso-sanitize")
+  queryAssignedElements.e$1("lukso-sanitize")
 ], exports.LuksoSanitize);

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

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