@lukso/web-components 1.172.13 → 1.172.14

package/dist/chunks/cn-LM_JlZIN.js

@@ -0,0 +1,36 @@
+import { extendTailwindMerge } from 'tailwind-merge';
+import { clsx } from 'clsx';
+import { lineHeights, heights, scales, fontWeights, fontSizes, boxShadows, borderRadius, colorPalette } from '../tailwind-config.js';
+
+import.meta.url.replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+
+import.meta.url.replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+
+import.meta.url.replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+
+const customTwMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      colors: Object.entries(colorPalette).reduce((acc, currentVal) => {
+        const colors = Object.keys(currentVal[1]).map(
+          (c) => `text-${currentVal[0]}-${c}`
+        );
+        return acc.concat(colors);
+      }, []),
+      borderRadius: Object.keys(borderRadius).map((s) => `rounded-${s}`)
+    },
+    classGroups: {
+      shadow: [{ shadow: Object.keys(boxShadows).map((s) => `shadow-${s}`) }],
+      "font-size": Object.keys(fontSizes).map((s) => `text-${s}`),
+      "font-weight": Object.keys(fontWeights).map((s) => `font-${s}`),
+      scale: Object.keys(scales).map((s) => `scale-${s}`),
+      h: Object.keys(heights).map((s) => `h-${s}`),
+      leading: Object.keys(lineHeights).map((s) => `leading-${s}`)
+    }
+  }
+});
+const cn = (...inputs) => {
+  return customTwMerge(clsx(inputs));
+};
+
+export { cn as c };

package/dist/chunks/cn-zamUNFMe.js

@@ -0,0 +1,39 @@
+'use strict';
+
+const tailwindMerge = require('tailwind-merge');
+const clsx = require('clsx');
+const tailwindConfig = require('../tailwind-config.cjs');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chunks/cn-zamUNFMe.js', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+
+(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chunks/cn-zamUNFMe.js', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+
+(typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('chunks/cn-zamUNFMe.js', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
+
+const customTwMerge = tailwindMerge.extendTailwindMerge({
+  extend: {
+    theme: {
+      colors: Object.entries(tailwindConfig.colorPalette).reduce((acc, currentVal) => {
+        const colors = Object.keys(currentVal[1]).map(
+          (c) => `text-${currentVal[0]}-${c}`
+        );
+        return acc.concat(colors);
+      }, []),
+      borderRadius: Object.keys(tailwindConfig.borderRadius).map((s) => `rounded-${s}`)
+    },
+    classGroups: {
+      shadow: [{ shadow: Object.keys(tailwindConfig.boxShadows).map((s) => `shadow-${s}`) }],
+      "font-size": Object.keys(tailwindConfig.fontSizes).map((s) => `text-${s}`),
+      "font-weight": Object.keys(tailwindConfig.fontWeights).map((s) => `font-${s}`),
+      scale: Object.keys(tailwindConfig.scales).map((s) => `scale-${s}`),
+      h: Object.keys(tailwindConfig.heights).map((s) => `h-${s}`),
+      leading: Object.keys(tailwindConfig.lineHeights).map((s) => `leading-${s}`)
+    }
+  }
+});
+const cn = (...inputs) => {
+  return customTwMerge(clsx.clsx(inputs));
+};
+
+exports.cn = cn;

package/dist/chunks/directive-CY66atYi.js

@@ -0,0 +1,22 @@
+'use strict';
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$1=globalThis,i$1=t$1.trustedTypes,s=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$1="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o="?"+h,n=`<${o}>`,r=document,l=()=>r.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r.createTreeWalker(r,129);function P(t,i){if(!a(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n:d>=0?(o.push(a),s.slice(0,d)+e$1+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$1)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const Z={I:R},j=t$1.litHtmlPolyfillSupport;j?.(N,R),(t$1.litHtmlVersions??=[]).push("3.3.1");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t={ATTRIBUTE:1,CHILD:2},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.T = T;
+exports.Z = Z;
+exports.e = e;
+exports.i = i;
+exports.t = t;

package/dist/chunks/directive-DUHAbymA.js

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$1=globalThis,i$1=t$1.trustedTypes,s=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$1="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o="?"+h,n=`<${o}>`,r=document,l=()=>r.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r.createTreeWalker(r,129);function P(t,i){if(!a(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n:d>=0?(o.push(a),s.slice(0,d)+e$1+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$1)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const Z={I:R},j=t$1.litHtmlPolyfillSupport;j?.(N,R),(t$1.litHtmlVersions??=[]).push("3.3.1");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t={ATTRIBUTE:1,CHILD:2},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, T, Z, e, i, t };

package/dist/chunks/index-BNt_JinF.js

@@ -0,0 +1,212 @@
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { E } from './directive-DUHAbymA.js';
+import { tv } from 'tailwind-variants';
+import { toChecksumAddress } from 'web3-utils';
+import { isAddress } from 'viem';
+import { s as safeCustomElement } from './safe-custom-element-qdGIR_v6.js';
+import { TailwindStyledElement } from '../shared/tailwind-element/index.js';
+import { c as customStyleMap } from './index-CqZm8OfY.js';
+import '../tailwind-config.js';
+import { c as cn } from './cn-LM_JlZIN.js';
+import 'axe-core';
+
+const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
+  if (!address || typeof address !== "string") {
+    return "";
+  }
+  let sliceAddress2 = "";
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
+    return address;
+  }
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
+  return sliceAddress2;
+};
+
+const style = ":host {\n    display: inline-flex\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 LuksoUsername = class extends TailwindStyledElement(style) {
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.address = "";
+    this.maxWidth = 200;
+    this.size = "large";
+    this.sliceBy = 8;
+    this.addressColor = "";
+    this.nameColor = "";
+    this.customClass = "";
+    this.hidePrefix = false;
+    this.prefix = "@";
+    this.noTransform = false;
+    /** Width of the first 4 bytes of the address */
+    this.bytesWidth = 52;
+    this.styles = tv({
+      slots: {
+        wrapper: "inline-flex",
+        name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis",
+        address: "inline-block",
+        bytes: "inline-block"
+      },
+      variants: {
+        size: {
+          "2x-small": {
+            wrapper: "paragraph-ptmono-10-bold"
+          },
+          "x-small": {
+            wrapper: "paragraph-ptmono-10-bold"
+          },
+          small: {
+            wrapper: "paragraph-ptmono-12-bold"
+          },
+          medium: {
+            wrapper: "paragraph-ptmono-14-bold"
+          },
+          large: {
+            wrapper: "paragraph-ptmono-16-bold"
+          },
+          "x-large": {
+            wrapper: "paragraph-ptmono-24-bold"
+          },
+          "2x-large": {
+            wrapper: "paragraph-ptmono-24-bold"
+          }
+        },
+        hasNameColor: {
+          false: {
+            name: "text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
+          }
+        },
+        hasAddressColor: {
+          false: {
+            address: "text-neutral-20",
+            bytes: "text-neutral-60"
+          }
+        }
+      }
+    });
+  }
+  transformName(name) {
+    if (this.noTransform) {
+      return name;
+    }
+    return name?.toLowerCase();
+  }
+  transformAddress(address) {
+    if (this.noTransform || !isAddress(address)) {
+      return address;
+    }
+    try {
+      return toChecksumAddress(address);
+    } catch (error) {
+      console.warn(error);
+      return address;
+    }
+  }
+  addressBytesTemplate(styles) {
+    const address = this.transformAddress(this.address);
+    return html`<div
+      class=${styles}
+      style=${customStyleMap({
+      [`color: var(--${this.addressColor})`]: this.addressColor !== ""
+    })}
+    >
+      #${address.slice(2, 6)}
+    </div>`;
+  }
+  nameTemplate(styles) {
+    const name = this.transformName(this.name);
+    return html`<div
+      class=${styles}
+      style=${customStyleMap({
+      [`max-width: ${this.maxWidth - (this.address ? this.bytesWidth : 0)}px`]: true,
+      [`color: var(--${this.nameColor})`]: this.nameColor !== ""
+    })}
+    >
+      ${this.hidePrefix ? E : this.prefix}${name}
+    </div>`;
+  }
+  addressTemplate(styles) {
+    const address = this.transformAddress(this.address);
+    return html`<div
+      class=${styles}
+      style=${customStyleMap({
+      [`color: var(--${this.addressColor})`]: this.addressColor !== ""
+    })}
+    >
+      ${sliceAddress(address, this.sliceBy, this.sliceBy)}
+    </div>`;
+  }
+  render() {
+    const { wrapper, name, address, bytes } = this.styles({
+      size: this.size,
+      hasNameColor: this.nameColor !== "",
+      hasAddressColor: this.addressColor !== ""
+    });
+    const template = (() => {
+      if (this.name && this.address) {
+        return html`${this.nameTemplate(name())}${this.addressBytesTemplate(
+          bytes()
+        )}`;
+      }
+      if (this.name) {
+        return this.nameTemplate(name());
+      }
+      if (this.address) {
+        return this.addressTemplate(address());
+      }
+    })();
+    return html`<div class=${cn(wrapper(), this.customClass)}>${template}</div>`;
+  }
+};
+__decorateClass([
+  property({ type: String })
+], LuksoUsername.prototype, "name", 2);
+__decorateClass([
+  property({ type: String })
+], LuksoUsername.prototype, "address", 2);
+__decorateClass([
+  property({ type: Number, attribute: "max-width" })
+], LuksoUsername.prototype, "maxWidth", 2);
+__decorateClass([
+  property({ type: "string" })
+], LuksoUsername.prototype, "size", 2);
+__decorateClass([
+  property({ type: Number, attribute: "slice-by" })
+], LuksoUsername.prototype, "sliceBy", 2);
+__decorateClass([
+  property({ type: String, attribute: "address-color" })
+], LuksoUsername.prototype, "addressColor", 2);
+__decorateClass([
+  property({ type: String, attribute: "name-color" })
+], LuksoUsername.prototype, "nameColor", 2);
+__decorateClass([
+  property({ type: String, attribute: "custom-class" })
+], LuksoUsername.prototype, "customClass", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "hide-prefix" })
+], LuksoUsername.prototype, "hidePrefix", 2);
+__decorateClass([
+  property({ type: String })
+], LuksoUsername.prototype, "prefix", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "no-transform" })
+], LuksoUsername.prototype, "noTransform", 2);
+LuksoUsername = __decorateClass([
+  safeCustomElement("lukso-username")
+], LuksoUsername);
+
+export { LuksoUsername as L, sliceAddress as s };

package/dist/chunks/{index-DG4rMUh3.js → index-BOEPqh0N.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const directive = require('./directive-DT5Y-Nw0.js');
+const directive = require('./directive-CY66atYi.js');
 
 class CustomClassMapDirective extends directive.i {
   constructor(partInfo) {

package/dist/chunks/{index-F8ll4iy2.js → index-C5S-_QDF.js}

@@ -1,4 +1,4 @@
-import { e, i, t } from './directive-BKuZRRPO.js';
+import { e, i, t } from './directive-DUHAbymA.js';
 
 class CustomClassMapDirective extends i {
   constructor(partInfo) {

package/dist/chunks/{index-B_H2eYG_.js → index-CA6SrfZ-.js}

@@ -1,7 +1,8 @@
-import { b as TailwindStyledElement, x } from './index-5X9ujrWL.js';
-import { n } from './property-DfumgIL6.js';
-import { o } from './unsafe-html-BHBLEMoa.js';
+import { html as html$2 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { s as safeCustomElement } from './safe-custom-element-qdGIR_v6.js';
+import { TailwindStyledElement } from '../shared/tailwind-element/index.js';
 
 /*! @license DOMPurify 3.2.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.7/LICENSE */
 
@@ -1386,19 +1387,19 @@ let LuksoSanitize = class extends TailwindStyledElement(style) {
   // in order to show HTML we  need to use unsafeHTML directive.
   // This is safe since we already sanitized content
   render() {
-    return this.isPre ? x`<!-- prettier-ignore -->
+    return this.isPre ? html$2`<!-- prettier-ignore -->
           <div
-      class='whitespace-pre-wrap'>${o(this.sanitize())}</div>` : x`${o(this.sanitize())}`;
+      class='whitespace-pre-wrap'>${unsafeHTML(this.sanitize())}</div>` : html$2`${unsafeHTML(this.sanitize())}`;
   }
 };
 __decorateClass([
-  n({ type: String, attribute: "html-content" })
+  property({ type: String, attribute: "html-content" })
 ], LuksoSanitize.prototype, "htmlContent", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-pre" })
+  property({ type: Boolean, attribute: "is-pre" })
 ], LuksoSanitize.prototype, "isPre", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "strip-html-tags" })
+  property({ type: Boolean, attribute: "strip-html-tags" })
 ], LuksoSanitize.prototype, "stripHtmlTags", 2);
 LuksoSanitize = __decorateClass([
   safeCustomElement("lukso-sanitize")

package/dist/chunks/{index-CZGvLdJ0.js → index-CqZm8OfY.js}

@@ -1,5 +1,4 @@
-import { E } from './index-5X9ujrWL.js';
-import { e, i, t } from './directive-BKuZRRPO.js';
+import { e, i, t, E } from './directive-DUHAbymA.js';
 
 class CustomStyleMapDirective extends i {
   constructor(partInfo) {

package/dist/chunks/index-Cy2_2lFt.js

@@ -0,0 +1,214 @@
+'use strict';
+
+const lit = require('lit');
+const decorators_js = require('lit/decorators.js');
+const directive = require('./directive-CY66atYi.js');
+const tailwindVariants = require('tailwind-variants');
+const web3Utils = require('web3-utils');
+const viem = require('viem');
+const safeCustomElement = require('./safe-custom-element-tQ-epw6h.js');
+const shared_tailwindElement_index = require('../shared/tailwind-element/index.cjs');
+const index = require('./index-DvLZWpq9.js');
+require('../tailwind-config.cjs');
+const cn = require('./cn-zamUNFMe.js');
+require('axe-core');
+
+const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
+  if (!address || typeof address !== "string") {
+    return "";
+  }
+  let sliceAddress2 = "";
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
+    return address;
+  }
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
+  return sliceAddress2;
+};
+
+const style = ":host {\n    display: inline-flex\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.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index.TailwindStyledElement(style) {
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.address = "";
+    this.maxWidth = 200;
+    this.size = "large";
+    this.sliceBy = 8;
+    this.addressColor = "";
+    this.nameColor = "";
+    this.customClass = "";
+    this.hidePrefix = false;
+    this.prefix = "@";
+    this.noTransform = false;
+    /** Width of the first 4 bytes of the address */
+    this.bytesWidth = 52;
+    this.styles = tailwindVariants.tv({
+      slots: {
+        wrapper: "inline-flex",
+        name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis",
+        address: "inline-block",
+        bytes: "inline-block"
+      },
+      variants: {
+        size: {
+          "2x-small": {
+            wrapper: "paragraph-ptmono-10-bold"
+          },
+          "x-small": {
+            wrapper: "paragraph-ptmono-10-bold"
+          },
+          small: {
+            wrapper: "paragraph-ptmono-12-bold"
+          },
+          medium: {
+            wrapper: "paragraph-ptmono-14-bold"
+          },
+          large: {
+            wrapper: "paragraph-ptmono-16-bold"
+          },
+          "x-large": {
+            wrapper: "paragraph-ptmono-24-bold"
+          },
+          "2x-large": {
+            wrapper: "paragraph-ptmono-24-bold"
+          }
+        },
+        hasNameColor: {
+          false: {
+            name: "text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
+          }
+        },
+        hasAddressColor: {
+          false: {
+            address: "text-neutral-20",
+            bytes: "text-neutral-60"
+          }
+        }
+      }
+    });
+  }
+  transformName(name) {
+    if (this.noTransform) {
+      return name;
+    }
+    return name?.toLowerCase();
+  }
+  transformAddress(address) {
+    if (this.noTransform || !viem.isAddress(address)) {
+      return address;
+    }
+    try {
+      return web3Utils.toChecksumAddress(address);
+    } catch (error) {
+      console.warn(error);
+      return address;
+    }
+  }
+  addressBytesTemplate(styles) {
+    const address = this.transformAddress(this.address);
+    return lit.html`<div
+      class=${styles}
+      style=${index.customStyleMap({
+      [`color: var(--${this.addressColor})`]: this.addressColor !== ""
+    })}
+    >
+      #${address.slice(2, 6)}
+    </div>`;
+  }
+  nameTemplate(styles) {
+    const name = this.transformName(this.name);
+    return lit.html`<div
+      class=${styles}
+      style=${index.customStyleMap({
+      [`max-width: ${this.maxWidth - (this.address ? this.bytesWidth : 0)}px`]: true,
+      [`color: var(--${this.nameColor})`]: this.nameColor !== ""
+    })}
+    >
+      ${this.hidePrefix ? directive.E : this.prefix}${name}
+    </div>`;
+  }
+  addressTemplate(styles) {
+    const address = this.transformAddress(this.address);
+    return lit.html`<div
+      class=${styles}
+      style=${index.customStyleMap({
+      [`color: var(--${this.addressColor})`]: this.addressColor !== ""
+    })}
+    >
+      ${sliceAddress(address, this.sliceBy, this.sliceBy)}
+    </div>`;
+  }
+  render() {
+    const { wrapper, name, address, bytes } = this.styles({
+      size: this.size,
+      hasNameColor: this.nameColor !== "",
+      hasAddressColor: this.addressColor !== ""
+    });
+    const template = (() => {
+      if (this.name && this.address) {
+        return lit.html`${this.nameTemplate(name())}${this.addressBytesTemplate(
+          bytes()
+        )}`;
+      }
+      if (this.name) {
+        return this.nameTemplate(name());
+      }
+      if (this.address) {
+        return this.addressTemplate(address());
+      }
+    })();
+    return lit.html`<div class=${cn.cn(wrapper(), this.customClass)}>${template}</div>`;
+  }
+};
+__decorateClass([
+  decorators_js.property({ type: String })
+], exports.LuksoUsername.prototype, "name", 2);
+__decorateClass([
+  decorators_js.property({ type: String })
+], exports.LuksoUsername.prototype, "address", 2);
+__decorateClass([
+  decorators_js.property({ type: Number, attribute: "max-width" })
+], exports.LuksoUsername.prototype, "maxWidth", 2);
+__decorateClass([
+  decorators_js.property({ type: "string" })
+], exports.LuksoUsername.prototype, "size", 2);
+__decorateClass([
+  decorators_js.property({ type: Number, attribute: "slice-by" })
+], exports.LuksoUsername.prototype, "sliceBy", 2);
+__decorateClass([
+  decorators_js.property({ type: String, attribute: "address-color" })
+], exports.LuksoUsername.prototype, "addressColor", 2);
+__decorateClass([
+  decorators_js.property({ type: String, attribute: "name-color" })
+], exports.LuksoUsername.prototype, "nameColor", 2);
+__decorateClass([
+  decorators_js.property({ type: String, attribute: "custom-class" })
+], exports.LuksoUsername.prototype, "customClass", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, attribute: "hide-prefix" })
+], exports.LuksoUsername.prototype, "hidePrefix", 2);
+__decorateClass([
+  decorators_js.property({ type: String })
+], exports.LuksoUsername.prototype, "prefix", 2);
+__decorateClass([
+  decorators_js.property({ type: Boolean, attribute: "no-transform" })
+], exports.LuksoUsername.prototype, "noTransform", 2);
+exports.LuksoUsername = __decorateClass([
+  safeCustomElement.safeCustomElement("lukso-username")
+], exports.LuksoUsername);
+
+exports.sliceAddress = sliceAddress;