npm - @getpara/core-components - Versions diffs - 2.0.0-dev.3 → 2.0.0-dev.6 - Mend

@getpara/core-components 2.0.0-dev.3 → 2.0.0-dev.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/dist/esm/cpsl-alert_34.entry.js CHANGED Viewed

@@ -6102,7 +6102,7 @@ gsap.registerPlugin(CSSPlugin);
 var gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap;
-const cpslAuthModalCss = ":host{--container-width:560px;--container-gap:8px;--card-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.08);display:block;z-index:10011;position:relative}:host cpsl-overlay{z-index:10011}@media (max-width: 480px){:host(.include-mobile-styling) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.include-mobile-styling) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.include-mobile-styling) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}}:host(.force-mobile-media) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.force-mobile-media) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.force-mobile-media) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}:host(.no-overlay){z-index:0}:host(.no-overlay) .modal-body-card{--card-border-width:1px}:host(.no-overlay) .modal-container{max-height:unset}.modal-wrapper{z-index:10011;position:fixed;top:0;left:0;display:none;height:100%;width:100%;justify-content:center;align-items:center;scale:0.8;opacity:0;transform:none}.modal-container{position:relative;overflow:hidden;width:var(--container-width);display:flex;flex-direction:column;gap:var(--container-gap);max-width:95vw;max-height:95vh;max-height:95dvh;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;}.modal-container ::-webkit-scrollbar{display:none}.modal-container.no-footer{gap:0px}.modal-body-card{--card-padding-top:16px;--card-padding-bottom:16px;--card-padding-start:16px;--card-padding-end:16px;--card-border-width:0px}.body::part(card-container){box-shadow:var(--card-box-shadow);width:100%}.no-opacity{opacity:0}.mobile-footer{margin-top:16px}.footer-hidden{height:0px;visibility:hidden;--card-padding-top:0px;--card-padding-bottom:0px;--card-padding-start:0px;--card-padding-end:0px;--card-border-width:0px}";
+const cpslAuthModalCss = ":host{--container-width:420px;--container-gap:8px;--card-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.08);display:block;z-index:10011;position:relative}:host cpsl-overlay{z-index:10011}@media (max-width: 480px){:host(.include-mobile-styling) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.include-mobile-styling) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.include-mobile-styling) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}}:host(.force-mobile-media) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.force-mobile-media) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.force-mobile-media) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}:host(.no-overlay){z-index:0}:host(.no-overlay) .modal-body-card{--card-border-width:1px}:host(.no-overlay) .modal-container{max-height:unset}.modal-wrapper{z-index:10011;position:fixed;top:0;left:0;display:none;height:100%;width:100%;justify-content:center;align-items:center;scale:0.8;opacity:0;transform:none}.modal-container{position:relative;overflow:hidden;width:var(--container-width);display:flex;flex-direction:column;gap:var(--container-gap);max-width:95vw;max-height:95vh;max-height:95dvh;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;}.modal-container ::-webkit-scrollbar{display:none}.modal-container.no-footer{gap:0px}.modal-body-card{--card-padding-top:16px;--card-padding-bottom:24px;--card-padding-start:24px;--card-padding-end:24px;--card-border-width:0px}.body::part(card-container){box-shadow:var(--card-box-shadow);width:100%}.no-opacity{opacity:0}.mobile-footer{margin-top:16px}.footer-hidden{height:0px;visibility:hidden;--card-padding-top:0px;--card-padding-bottom:0px;--card-padding-start:0px;--card-padding-end:0px;--card-border-width:0px}";
 const CpslAuthModalStyle0 = cpslAuthModalCss;
 const mm = gsapWithCSS.matchMedia();
@@ -6408,10 +6408,27 @@ const CpslCodeInput = class {
                     inputElements[ind].value = '';
                     return;
                 }
+                // Prevent input beyond the maximum length
+                if (this.code && this.code.length >= this.length) {
+                    inputElements[ind].value = this.code[ind] || '';
+                    return;
+                }
                 const newCode = `${(_a = this.code) !== null && _a !== void 0 ? _a : ''}${ev.data}`;
-                inputElements[Math.min(this.length - 1, newCode.length)].focus();
-                this.cpslInput.emit({ value: newCode });
-                this.code = newCode;
+                // Ensure we don't exceed the maximum length
+                if (newCode.length > this.length) {
+                    const truncatedCode = newCode.substring(0, this.length);
+                    this.cpslInput.emit({ value: truncatedCode });
+                    this.code = truncatedCode;
+                    // Set each input to its corresponding character
+                    inputElements.forEach((input, index) => {
+                        input.value = truncatedCode[index] || '';
+                    });
+                }
+                else {
+                    inputElements[Math.min(this.length - 1, newCode.length)].focus();
+                    this.cpslInput.emit({ value: newCode });
+                    this.code = newCode;
+                }
             }
         };
         this.handleKeyDown = (ind, ev) => {
@@ -6457,21 +6474,28 @@ const CpslCodeInput = class {
         };
         this.handlePaste = (e) => {
             const inputElements = this.inputs;
-            const pastedCode = e.clipboardData.getData('text');
-            if (this.type === 'number' && isNaN(parseInt(pastedCode))) {
-                // Remove illegal value from the first input. Not using a timeout here doesn't change the value properly.
-                setTimeout(() => {
-                    inputElements[0].value = '';
-                }, 0);
-                return;
+            let pastedCode = e.clipboardData.getData('text');
+            // Filter based on type
+            if (this.type === 'number') {
+                // Remove all non-numeric characters
+                pastedCode = pastedCode.replace(/\D/g, '');
+                // If no valid numbers remain, clear and return
+                if (!pastedCode) {
+                    setTimeout(() => {
+                        inputElements[0].value = '';
+                    }, 0);
+                    return;
+                }
             }
+            // Truncate pasted code to match the expected length
+            const truncatedCode = pastedCode.substring(0, this.length);
             this.cpslInput.emit({
-                value: pastedCode,
+                value: truncatedCode,
             });
             inputElements.forEach((input, index) => {
-                input.value = pastedCode.charAt(index);
+                input.value = truncatedCode.charAt(index) || '';
             });
-            inputElements[Math.min(this.length - 1, pastedCode.length)].focus();
+            inputElements[Math.min(this.length - 1, truncatedCode.length)].focus();
         };
         this.code = undefined;
         this.errorText = undefined;
@@ -6484,10 +6508,10 @@ const CpslCodeInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9c620c8eb41b595e672e2b7d22944e37de630f73' }, h("div", { key: 'd8e870d0b15b90cfccd78ba5f15cf7b9c0680f0a', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
+        return (h(Host, { key: '090ef84f543cea35b4e128c5ec2bbcd188bb2a86' }, h("div", { key: '93d16d0a74e81cd367f8ee23bfbfea8118b39b0c', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
             var _a, _b;
             return (h("input", { class: { 'code-input': true, 'error': Boolean(this.errorText), 'has-value': ((_a = this.code) === null || _a === void 0 ? void 0 : _a[i]) !== undefined }, id: `code-input-${i}`, onKeyDown: ev => this.handleKeyDown(i, ev), onInput: ev => this.handleInput(i, ev), onFocus: () => this.handleFocus(i), onPaste: this.handlePaste, min: 0, max: 9, value: (_b = this.code) === null || _b === void 0 ? void 0 : _b[i], inputMode: this.type === 'number' ? 'numeric' : 'text' }));
-        })), (this.errorText || this.helperText) && (h("div", { key: '532bccdc9d9135f4728c503c77b3795440a3607a', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { key: '02db8b47b661f64f2fb3073827aef50d7b94f1f3', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), h("span", { key: '228b294db359a308d3e76f2ce3c5d17b2d039781' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+        })), (this.errorText || this.helperText) && (h("div", { key: 'ae9ccf7cb7736ab4ad186f6d317afbb0f58a518c', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { key: '1fb36b201fe1aa1640b39900881e8b1eaeff614d', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), h("span", { key: '30cc9abb139ef14dca8fae44dfcbb61002e1ca6d' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     get el() { return getElement(this); }
 };
@@ -6641,6 +6665,11 @@ const ArrowCircleDownFilled = `<svg width="32" height="32" viewBox="0 0 32 32" f
     stroke-linecap="round" stroke-linejoin="round" />
 </svg>`;
+const ArrowCircleDown = `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 12L12.5 16M12.5 16L16.5 12M12.5 16V8M22.5 12C22.5 17.5228 18.0228 22 12.5 22C6.97715 22 2.5 17.5228 2.5 12C2.5 6.47715 6.97715 2 12.5 2C18.0228 2 22.5 6.47715 22.5 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
 const ArrowNarrow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -6913,6 +6942,21 @@ const Dot = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" view
 <path d="M5 2.5C3.61929 2.5 2.5 3.61929 2.5 5C2.5 6.38071 3.61929 7.5 5 7.5C6.38071 7.5 7.5 6.38071 7.5 5C7.5 3.61929 6.38071 2.5 5 2.5Z"/>
 </svg>`;
+const DotsSquare = `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.1">
+<rect x="3.55566" y="3.05469" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="3.55566" y="12.2227" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="3.55566" y="21.3887" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="21.8887" y="3.05469" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="21.8887" y="12.2227" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="21.8887" y="21.3887" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="12.7227" y="3.05469" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="12.7227" y="12.2227" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="12.7227" y="21.3887" width="3.05556" height="3.05556" fill="currentColor"/>
+</g>
+</svg>
+`;
 const Dots = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <path
       d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z"
@@ -7699,6 +7743,11 @@ const OptimismBrand = `<?xml version="1.0" encoding="UTF-8"?>
 <path class="st1" d="M259.3,314.6c-1.4,0-2.4-0.4-3.2-1.3c-0.6-1-0.8-2.1-0.6-3.4l25.9-122c0.2-1.4,0.9-2.5,2.1-3.4  c1.1-0.9,2.3-1.3,3.6-1.3H337c13.9,0,25,2.9,33.4,8.6c8.5,5.8,12.8,14.1,12.8,25c0,3.1-0.4,6.4-1.1,9.8c-3.1,14.4-9.4,25-19,31.9  c-9.4,6.9-22.3,10.3-38.7,10.3h-25.3l-8.6,41.1c-0.3,1.4-0.9,2.5-2.1,3.4c-1.1,0.9-2.3,1.3-3.6,1.3H259.3z M325.7,242.9  c5.3,0,9.8-1.4,13.7-4.3c4-2.9,6.6-7,7.9-12.4c0.4-2.1,0.6-4,0.6-5.6c0-3.6-1.1-6.4-3.2-8.3c-2.1-2-5.8-3-10.9-3h-22.5l-7.1,33.6  H325.7z"/>
 </svg>`;
+const ParaArrow = `<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31 0H8.85714V4.42857H19.9286C21.1515 4.42857 22.1429 5.41989 22.1429 6.64286C22.1429 7.86582 21.1515 8.85714 19.9286 8.85714H17.7143V11.0714C17.7143 12.2944 16.7229 13.2857 15.5 13.2857H13.2857V15.5C13.2857 16.723 12.2943 17.7143 11.0714 17.7143H8.85714V19.9286C8.85714 21.1515 7.86577 22.1429 6.64286 22.1429H4.42857V24.3571C4.42857 25.5801 3.4372 26.5714 2.21429 26.5714H0V31H4.42857V28.7857C4.42857 27.5627 5.41994 26.5714 6.64286 26.5714H8.85714V24.3571C8.85714 23.1342 9.84851 22.1429 11.0714 22.1429H13.2857V19.9286C13.2857 18.7056 14.2771 17.7143 15.5 17.7143H17.7143V15.5C17.7143 14.277 18.7057 13.2857 19.9286 13.2857H22.1429V11.0714C22.1429 9.84846 23.1342 8.85714 24.3571 8.85714C25.5801 8.85714 26.5714 9.84846 26.5714 11.0714V22.1429H31V0Z" fill="white"/>
+</svg>
+`;
 const ParaBlackBg = `<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none" stroke="none">
   <mask id="path-1-outside-1_1233_12577" maskUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" fill="black" stroke="none">
     <rect fill="white" stroke="none" width="70" height="70"/>
@@ -7844,13 +7893,15 @@ const Passcode = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xm
 </svg>
 `;
-const Phantom = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="24" height="24" fill="url(#pattern0_4266_576)"/>
+const Phantom = `<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2596_138580)">
+<rect y="-0.000976562" width="1200" height="1200" fill="#AB9FF2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M522.218 764.813C475.101 837.011 396.147 928.377 291.089 928.377C241.425 928.377 193.671 907.932 193.671 819.121C193.671 592.942 502.479 242.812 789.003 242.812C952.003 242.812 1016.95 355.901 1016.95 484.325C1016.95 649.167 909.979 837.65 803.647 837.65C769.901 837.65 753.346 819.121 753.346 789.731C753.346 782.064 754.62 773.758 757.167 764.813C720.874 826.788 650.835 884.292 585.253 884.292C537.499 884.292 513.304 854.262 513.304 812.093C513.304 796.759 516.487 780.786 522.218 764.813ZM769.035 479.871C769.035 517.293 746.956 536.003 722.258 536.003C697.185 536.003 675.481 517.293 675.481 479.871C675.481 442.449 697.185 423.738 722.258 423.738C746.956 423.738 769.035 442.449 769.035 479.871ZM909.367 479.872C909.367 517.294 887.288 536.005 862.59 536.005C837.517 536.005 815.813 517.294 815.813 479.872C815.813 442.45 837.517 423.74 862.59 423.74C887.288 423.74 909.367 442.45 909.367 479.872Z" fill="#FFFDF8"/>
+</g>
 <defs>
-<pattern id="pattern0_4266_576" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_4266_576" transform="scale(0.0078125)"/>
-</pattern>
-<image id="image0_4266_576" width="128" height="128" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+<clipPath id="clip0_2596_138580">
+<rect y="-0.000976562" width="1200" height="1200" rx="600" fill="white"/>
+</clipPath>
 </defs>
 </svg>
 `;
@@ -8322,6 +8373,11 @@ const UsdcBrand = `<svg data-name="86977684-12db-4850-8f30-233a7c267d11" xmlns="
 </svg>
 `;
+const User01 = `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
 const UserCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g id="user-circle">
 <path id="Icon" d="M5.3163 19.4384C5.92462 18.0052 7.34492 17 9 17H15C16.6551 17 18.0754 18.0052 18.6837 19.4384M16 9.5C16 11.7091 14.2091 13.5 12 13.5C9.79086 13.5 8 11.7091 8 9.5C8 7.29086 9.79086 5.5 12 5.5C14.2091 5.5 16 7.29086 16 9.5ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -8368,6 +8424,11 @@ const Valora = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmln
 </svg>
 `;
+const Wallet02 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 14H17.01M7 7H19C19.5304 7 20.0391 7.21071 20.4142 7.58579C20.7893 7.96086 21 8.46957 21 9V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
 const WalletConnect = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.91331 7.87401C8.82718 4.042 15.1728 4.042 19.0867 7.87401L19.5577 8.33519C19.7534 8.52681 19.7534 8.83744 19.5577 9.02906L17.9464 10.6067C17.8486 10.7025 17.6899 10.7025 17.5921 10.6067L16.9439 9.97206C14.2134 7.29872 9.78656 7.29872 7.05612 9.97206L6.36193 10.6517C6.26412 10.7475 6.1055 10.7475 6.00762 10.6517L4.39631 9.07406C4.20056 8.88244 4.20056 8.57181 4.39631 8.38019L4.91331 7.87401ZM22.4191 11.1367L23.8532 12.5408C24.0489 12.7324 24.0489 13.0431 23.8532 13.2347L17.3868 19.566C17.1911 19.7576 16.8738 19.7576 16.6781 19.566L12.0886 15.0725C12.0397 15.0246 11.9604 15.0246 11.9114 15.0725L7.32206 19.566C7.12637 19.7576 6.80906 19.7576 6.61337 19.566L0.14677 13.2346C-0.0489234 13.043 -0.0489234 12.7324 0.14677 12.5407L1.58087 11.1366C1.77656 10.9451 2.09385 10.9451 2.28954 11.1366L6.87912 15.6302C6.928 15.6781 7.00731 15.6781 7.05625 15.6302L11.6456 11.1366C11.8412 10.9451 12.1586 10.9451 12.3542 11.1366L16.9438 15.6302C16.9927 15.6781 17.0721 15.6781 17.121 15.6302L21.7104 11.1367C21.9062 10.9451 22.2234 10.9451 22.4191 11.1367Z" fill="#3396FF"/>
 </svg>
@@ -12399,6 +12460,7 @@ const Icons = {
     arbitrumBrand: ArbitrumBrand,
     arrowCircleBrokenDownLeft: ArrowCircleBrokenDownLeft,
     arrowCircleDownFilled: ArrowCircleDownFilled,
+    arrowCircleDown: ArrowCircleDown,
     arrowNarrow: ArrowNarrow,
     arrow: Arrow,
     asterisk: Asterisk,
@@ -12440,6 +12502,7 @@ const Icons = {
     discordBrand: DiscordBrand,
     discord: Discord,
     dot: Dot,
+    dotsSquare: DotsSquare,
     dots: Dots,
     downloadCloud: DownloadCloud,
     download: Download,
@@ -12509,6 +12572,7 @@ const Icons = {
     nobleBrand: NobleBrand,
     okx: Okx,
     optimismBrand: OptimismBrand,
+    paraArrow: ParaArrow,
     paraBlackBg: ParaBlackBg,
     paraBrand: ParaBrand,
     paraIconBrand: ParaIconBrand,
@@ -12571,10 +12635,12 @@ const Icons = {
     twitterBrand: TwitterBrand,
     twitter: Twitter,
     usdcBrand: UsdcBrand,
+    user01: User01,
     userCircle: UserCircle,
     userPlus: UserPlus,
     user: User,
     valora: Valora,
+    wallet02: Wallet02,
     walletConnect: WalletConnect,
     wallet: Wallet,
     x: X,
@@ -13060,7 +13126,7 @@ const CpslFileUpload = class {
 let inputIds$2 = 0;
 CpslFileUpload.style = CpslFileUploadStyle0;
-const cpslIconCss = ":host{display:block;--filter:auto;--height:24px;--width:24px;--inset:0px;--svg-height:calc(var(--height) - (2 * var(--inset)));--svg-width:calc(var(--width) - (2 * var(--inset)));--icon-color:currentColor;--icon-fill-color:currentColor;--icon-stroke-color:currentColor;width:var(--width);height:var(--height)}:host .foreground-0{fill:var(--cpsl-color-foreground-0);stop-color:var(--cpsl-color-foreground-0)}:host .accent-0{fill:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0));stop-color:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0))}:host div{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--icon-color)}:host svg{width:var(--svg-width, \"100%\");height:var(--svg-height, \"100%\");filter:var(--filter)}:host svg .background-16{fill:var(--cpsl-color-background-16)}:host svg .foreground-0{fill:var(--cpsl-color-foreground-0)}:host svg .fill{fill:var(--icon-fill-color)}:host svg .stroke{stroke:var(--icon-stroke-color)}:host img{width:100%;height:100%;object-fit:contain}";
+const cpslIconCss = ":host{display:block;--filter:auto;--height:24px;--width:24px;--inset:0px;--computed-height:calc(var(--height) - (2 * var(--inset)));--computed-width:calc(var(--width) - (2 * var(--inset)));--icon-color:var(--icon-color, currentColor);--icon-fill-color:var(--icon-fill-color, var(--icon-color, currentColor));--icon-stroke-color:var(--icon-stroke-color, var(--icon-color, currentColor));width:var(--width);height:var(--height)}:host .foreground-0{fill:var(--cpsl-color-foreground-0);stop-color:var(--cpsl-color-foreground-0)}:host .accent-0{fill:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0));stop-color:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0))}:host div{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:var(--icon-border, auto);border-radius:var(--icon-border-radius, 0);background:var(--icon-background, transparent);color:var(--icon-color)}:host svg{width:var(--computed-width, \"100%\");height:var(--computed-height, \"100%\");filter:var(--filter)}:host svg .background-16{fill:var(--cpsl-color-background-16)}:host svg .foreground-0{fill:var(--cpsl-color-foreground-0)}:host svg .fill{fill:var(--icon-fill-color)}:host svg .stroke{stroke:var(--icon-stroke-color)}:host img{width:var(--computed-width, 100%);height:var(--computed-height, 100%);object-fit:contain}";
 const CpslIconStyle0 = cpslIconCss;
 const CpslIcon = class {
@@ -13071,9 +13137,13 @@ const CpslIcon = class {
         this.invert = undefined;
         this.inset = '0px';
         this.icon = undefined;
+        this.radius = 'none';
+        this.background = undefined;
+        this.color = undefined;
+        this.border = undefined;
     }
     render() {
-        return (h(Host, { key: '0430d12efb436b0617a9e4c70cf24bee39fa8382', part: "icon", role: "img", style: Object.assign(Object.assign(Object.assign({}, (this.inset ? { ['--inset']: this.inset } : {})), (this.size ? { ['--height']: this.size, ['--width']: this.size } : {})), (this.invert ? { ['--filter']: 'invert(100%)' } : {})) }, !this.icon ? h("img", { src: this.src }) : h("div", { innerHTML: Icons[this.icon] })));
+        return (h(Host, { key: 'fda593bf99b0dedbd76080936d3c6ca40d4a3f39', part: "icon", role: "img", style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (this.inset ? { ['--inset']: this.inset } : {})), (this.size ? { ['--height']: this.size, ['--width']: this.size } : {})), (this.invert ? { ['--filter']: 'invert(100%)' } : {})), (this.radius === 'full' ? { ['--icon-border-radius']: '1000px' } : {})), (this.radius === 'theme' ? { ['--icon-border-radius']: 'var(--cpsl-border-radius-tile-button)' } : {})), (this.background ? { ['--icon-background']: this.background } : {})), (this.border ? { ['--icon-border']: this.border } : {})), (this.color ? { ['--icon-color']: this.color } : {})) }, this.src ? (h("div", null, h("img", { src: this.src }))) : (h("div", { innerHTML: Icons[this.icon] }))));
     }
 };
 CpslIcon.style = CpslIconStyle0;
@@ -17126,7 +17196,7 @@ const CpslNavButtonGroup = class {
 };
 CpslNavButtonGroup.style = CpslNavButtonGroupStyle0;
-const cpslOverlayCss = ":host{position:fixed;width:100%;height:100%;inset:0px;z-index:10001;opacity:0%;display:none;background:linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.7) 100%)}:host(.over-modal){z-index:10005}";
+const cpslOverlayCss = ":host{position:fixed;width:100%;height:100%;inset:0px;z-index:10001;opacity:0%;display:none;background:var(--cpsl-overlay-background, linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.7) 100%))}:host(.over-modal){z-index:10005}";
 const CpslOverlayStyle0 = cpslOverlayCss;
 const CpslOverlay = class {
@@ -17375,18 +17445,23 @@ const CpslPopover = class {
                 const elWidth = this.el.clientWidth;
                 const elHeight = this.el.clientHeight;
                 const { top, left, height, width } = anchorEl.getBoundingClientRect();
-                switch (this.anchorOriginHorizontal) {
-                    case 'left': {
-                        this.positionX = left;
-                        break;
-                    }
-                    case 'center': {
-                        this.positionX = left + width / 2;
-                        break;
-                    }
-                    case 'right': {
-                        this.positionX = left + width;
-                        break;
+                if (this.alignCenter) {
+                    this.positionX = left + (width / 2 - elWidth / 2);
+                }
+                else {
+                    switch (this.anchorOriginHorizontal) {
+                        case 'left': {
+                            this.positionX = left;
+                            break;
+                        }
+                        case 'center': {
+                            this.positionX = left + width / 2;
+                            break;
+                        }
+                        case 'right': {
+                            this.positionX = left + width;
+                            break;
+                        }
                     }
                 }
                 switch (this.anchorOriginVertical) {
@@ -17463,6 +17538,7 @@ const CpslPopover = class {
         this.preventBlur = undefined;
         this.transformOriginHorizontal = 'left';
         this.transformOriginVertical = 'top';
+        this.alignCenter = false;
         this.triggerAction = 'click';
         this.trigger = undefined;
         this.windowPadding = 16;
@@ -17508,7 +17584,7 @@ const CpslPopover = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '10c267166cb8ccb9c9eff6b3e865804688d31b95', class: {
+        return (h(Host, { key: 'b089bf481952dd5183b53929b194af4378b60f85', class: {
                 'open': this.open,
                 'transform-h-left': this.transformOriginHorizontal === 'left',
                 'transform-h-center': this.transformOriginHorizontal === 'center',
@@ -17520,9 +17596,9 @@ const CpslPopover = class {
                 top: `${this.positionY}px`,
                 left: `${this.positionX}px`,
                 width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px`,
-            } }, h("div", { key: '292d9e8e45996b711b8979d4a38c054a04306f48', id: "container", class: { container: true, open: this.open }, style: {
+            } }, h("div", { key: 'ffd47e631fa98bda0d70b65e8dd770cb7b5ee0ba', id: "container", class: { container: true, open: this.open }, style: {
                 visibility: this.hasSetInitialPosition ? 'visible' : 'hidden',
-            } }, h("slot", { key: 'aca410ff44bf9c77cb3eea6da1bd349bdc87287d' }))));
+            } }, h("slot", { key: 'f43b727062744846e24a775321dd1220e20595bc' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17531,6 +17607,7 @@ const CpslPopover = class {
         "preventBlur": ["onTriggerChange"],
         "anchorOriginHorizontal": ["onAnchorChange"],
         "anchorOriginVertical": ["onAnchorChange"],
+        "alignCenter": ["onAnchorChange"],
         "open": ["onOpenChange"]
     }; }
 };
@@ -21697,7 +21774,7 @@ const CpslRadio = class {
 };
 CpslRadio.style = CpslRadioStyle0;
-const cpslSelectCss = ":host{--container-box-shadow:none;--container-box-shadow-color:var(--cpsl-color-select-border-placeholder);--container-border-color:var(--cpsl-color-select-border-active);--container-border-error-color:var(--cpsl-color-select-border-error);--container-background-color:var(--cpsl-color-select-surface-default);--container-background-color-disabled:var(--cpsl-color-select-surface-disabled);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-select);--container-padding-top:0px;--container-padding-bottom:0px;--container-padding-end:12px;--container-padding-start:12px;--container-height:48px;--container-gap:8px;--dropdown-margin-top:4px;--dropdown-border-width:1px;--dropdown-border-radius:var(--cpsl-border-radius-select);--dropdown-border-color:var(--cpsl-color-select-dropdown-border);--optional-label-color:var(--cpsl-color-text-secondary);--label-color:var(--cpsl-color-text-primary);--label-font-size:var(--cpsl-font-size-body-s);--label-margin-bottom:0px;--helper-text-color:var(--cpsl-color-text-secondary);--helper-text-error-color:var(--cpsl-color-text-error);--helper-text-icon-color:var(--cpsl-color-text-secondary);--helper-text-icon-error-color:var(--cpsl-color-text-error);--helper-text-icon-size:16px;--helper-text-font-size:var(--cpsl-font-size-body-xs);--helper-text-margin-top:0px;--select-color:var(--cpsl-color-text-primary);--icon-height:24px;--icon-width:24px;display:flex;flex-direction:column;gap:4px;font-family:var(--cpsl-font-family, inherit)}input{box-sizing:border-box;position:absolute;width:100%;height:100%;margin:0px;opacity:0;top:0;left:0;z-index:-1;cursor:pointer}input.disabled{cursor:default}:host(:not(.has-value)){--container-border-color:var(--cpsl-color-select-border-placeholder);--select-color:var(--cpsl-color-text-secondary)}:host(.disabled){--container-background-color:var(--container-background-color-disabled);--select-background-color:var(--select-background-color-disabled);--select-color:var(--cpsl-color-text-disabled)}:host(.focused){--container-box-shadow:0px 0px 0px 2px var(--container-box-shadow-color);--container-border-color:var(--cpsl-color-select-border-active);--container-background-color:var(--cpsl-color-select-surface-default)}.select-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:var(--container-height);gap:var(--container-gap);cursor:pointer;border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);border-radius:var(--container-border-radius);background:var(--container-background-color);box-shadow:var(--container-box-shadow)}.error-container{border-color:var(--container-border-error-color)}.label{display:inline-block;color:var(--label-color);font-size:var(--label-font-size);font-weight:500;margin-bottom:var(--label-margin-bottom)}.optional-label{display:inline-block;color:var(--optional-label-color);font-size:var(--label-font-size);font-weight:500}.helper-text-container{display:flex;align-items:center;gap:4px;color:var(--helper-text-color);font-size:var(--helper-text-font-size);font-weight:500;margin-top:var(--helper-text-margin-top)}.helper-text-container cpsl-icon{--height:var(--helper-text-icon-size);--width:var(--helper-text-icon-size);--icon-color:var(--helper-text-icon-color)}.error-text{color:var(--helper-text-error-color)}.error-text cpsl-icon{--icon-color:var(--helper-text-icon-error-color)}.selected-container-content{flex:1}.selected-container-content.hidden{display:none}.chevron{transition:transform 0.3s ease;transform:rotate(180deg);--icon-color:var(--cpsl-color-text-disabled);--height:var(--icon-height);--width:var(--icon-width)}.chevron.open{transform:rotate(0deg);--icon-color:var(--cpsl-color-text-primary)}.chevron.has-value{--icon-color:var(--cpsl-color-text-primary)}.selected-text{--color-override:var(--select-color)}.selected-text.placeholder{--color-override:var(--select-color)}.dropdown{margin-top:var(--dropdown-margin-top);border-style:solid;border-width:var(--dropdown-border-width);border-color:var(--dropdown-border-color);border-radius:var(--dropdown-border-radius);overflow:hidden}.dropdown ::slotted(*:last-child){--container-border-width:0px}.dropdown-inner{overflow:auto;max-height:calc(100vh - 32px);scrollbar-width:thin}.dropdown-inner ::slotted(cpsl-input){padding:8px}.search-container{position:sticky;top:0px;padding:8px;background-color:var(--cpsl-color-select-surface-default)}";
+const cpslSelectCss = ":host{--container-box-shadow:none;--container-box-shadow-color:var(--cpsl-color-select-border-placeholder);--container-border-color:var(--cpsl-color-select-border-active);--container-border-error-color:var(--cpsl-color-select-border-error);--container-background-color:var(--cpsl-color-select-surface-default);--container-background-color-disabled:var(--cpsl-color-select-surface-disabled);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-select);--container-padding-top:0px;--container-padding-bottom:0px;--container-padding-end:12px;--container-padding-start:12px;--container-height:48px;--container-gap:8px;--dropdown-margin-top:4px;--dropdown-border-width:1px;--dropdown-border-radius:var(--cpsl-border-radius-select);--dropdown-border-color:var(--cpsl-color-select-dropdown-border);--optional-label-color:var(--cpsl-color-text-secondary);--label-color:var(--cpsl-color-text-primary);--label-font-size:var(--cpsl-font-size-body-s);--label-margin-bottom:0px;--helper-text-color:var(--cpsl-color-text-secondary);--helper-text-error-color:var(--cpsl-color-text-error);--helper-text-icon-color:var(--cpsl-color-text-secondary);--helper-text-icon-error-color:var(--cpsl-color-text-error);--helper-text-icon-size:16px;--helper-text-font-size:var(--cpsl-font-size-body-xs);--helper-text-margin-top:0px;--select-color:var(--cpsl-color-text-primary);--icon-height:24px;--icon-width:24px;display:flex;flex-direction:column;gap:4px;font-family:var(--cpsl-font-family, inherit)}input{box-sizing:border-box;position:absolute;width:100%;height:100%;margin:0px;opacity:0;top:0;left:0;z-index:-1;cursor:pointer}input.disabled{cursor:default}:host(:not(.has-value)){--container-border-color:var(--cpsl-color-select-border-placeholder);--select-color:var(--cpsl-color-text-secondary)}:host(.disabled){--container-background-color:var(--container-background-color-disabled);--select-background-color:var(--select-background-color-disabled);--select-color:var(--cpsl-color-text-disabled)}:host(.focused){--container-box-shadow:0px 0px 0px 2px var(--container-box-shadow-color);--container-border-color:var(--cpsl-color-select-border-active);--container-background-color:var(--cpsl-color-select-surface-default)}.select-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:var(--container-height);gap:var(--container-gap);cursor:pointer;border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);border-radius:var(--container-border-radius);background:var(--container-background-color);box-shadow:var(--container-box-shadow)}.error-container{border-color:var(--container-border-error-color)}.label{display:inline-block;color:var(--label-color);font-size:var(--label-font-size);font-weight:500;margin-bottom:var(--label-margin-bottom)}.optional-label{display:inline-block;color:var(--optional-label-color);font-size:var(--label-font-size);font-weight:500}.helper-text-container{display:flex;align-items:center;gap:4px;color:var(--helper-text-color);font-size:var(--helper-text-font-size);font-weight:500;margin-top:var(--helper-text-margin-top)}.helper-text-container cpsl-icon{--height:var(--helper-text-icon-size);--width:var(--helper-text-icon-size);--icon-color:var(--helper-text-icon-color)}.error-text{color:var(--helper-text-error-color)}.error-text cpsl-icon{--icon-color:var(--helper-text-icon-error-color)}.selected-container-content{flex:1}.selected-container-content.hidden{display:none}.chevron{transition:transform 0.3s ease;transform:rotate(180deg);--icon-color:var(--cpsl-color-text-disabled);--height:var(--icon-height);--width:var(--icon-width)}.chevron.open{transform:rotate(0deg);--icon-color:var(--cpsl-color-text-primary)}.chevron.has-value{--icon-color:var(--cpsl-color-text-primary)}.selected-text{--color-override:var(--select-color)}.selected-text.placeholder{--color-override:var(--select-color)}.dropdown{margin-top:var(--dropdown-margin-top);border-style:solid;border-width:var(--dropdown-border-width);border-color:var(--dropdown-border-color);border-radius:var(--dropdown-border-radius);overflow:hidden}.dropdown ::slotted(*:last-child){--container-border-width:0px}.dropdown-inner{overflow:auto;padding:var(--dropdown-inner-padding, 0px);display:flex;flex-direction:column;gap:var(--dropdown-inner-gap, 0px);background-color:var(--dropdown-background-color, var(--container-background-color));max-height:calc(100vh - 32px);scrollbar-width:thin}.dropdown-inner ::slotted(cpsl-input){padding:8px}.search-container{position:sticky;top:0px;padding:8px;background-color:var(--cpsl-color-select-surface-default)}";
 const CpslSelectStyle0 = cpslSelectCss;
 const CpslSelect = class {
@@ -21770,6 +21847,7 @@ const CpslSelect = class {
         this.hasSelectedItem = false;
         this.anchorElId = undefined;
         this.autoWidth = false;
+        this.alignCenter = false;
         this.disabled = false;
         this.dropdownMaxHeight = undefined;
         this.errorText = undefined;
@@ -21816,10 +21894,10 @@ const CpslSelect = class {
     render() {
         var _a, _b, _c, _d, _e;
         const selectedValueAsString = Array.isArray(this.selectedValue) ? this.selectedValue.join(', ') : this.selectedValue;
-        return (h(Host, { key: 'f7c2db799e3462ef83fd0e7b29a3fd88a2d69e38', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (h("label", { key: '8629dcd2d81bbf631962f84c551b2e2a3c96dd33', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '581836944bb5c01766bd0ec13f6bf5e1149cd7e7', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onClick: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && h("slot", { key: '39d58ccf94664d9d6c01a2b7dc5369fa77f224e2', name: "selected-item" }), h("div", { key: '511122f39895b25a0624497be7cb99c6ec9b92ba', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: 'd8ad96dab7e5b298d621ffc0621298c3ecc05907', class: { 'selected-text': true, 'placeholder': !this.selectedValue }, part: "selected-text", color: this.selectedItemColor, variant: this.selectedItemVariant, weight: this.selectedItemWeight }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : selectedValueAsString)))), h("cpsl-icon", { key: '787c3d3dff16bd68d3526604523f130ca329e8c9', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon }), h("input", { key: 'b606c940537173d3d8f4d66e131d7b624779713c', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" }), h("cpsl-popover", { key: '272c71c9466bd5f301be9c02da68ac78dc95b087', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: 'e8d9dde383da411ebfe8a238e8e3d0b37c0cbdde', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: '571f898c5ad668bd55373a4c3aceff8e4c9f990c', class: "search-container" }, h("cpsl-input", { key: 'faef8d5df2c800564c6dfb9176dbfa35592089fd', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
+        return (h(Host, { key: '6dc906dbe50086aa8c7fa422e60818d639414777', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (h("label", { key: '37d5d5bccea5e77e86586e9cd64386060913c95d', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '218f32839c29ae5d822b93aeed3cdecb8d438abf', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onClick: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && h("slot", { key: '0a7533bb7431d18d25e3fd1f45a208ef5f751ffa', name: "selected-item" }), h("div", { key: 'ff5886e01acf82bd78dad8db7a372b462b7dd1b6', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: '0acdbbaa034fed2b4d7daf4c27522f58b26f46d9', class: { 'selected-text': true, 'placeholder': !this.selectedValue }, part: "selected-text", color: this.selectedItemColor, variant: this.selectedItemVariant, weight: this.selectedItemWeight }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : selectedValueAsString)))), this.icon && this.icon !== null && (h("cpsl-icon", { key: 'ec060c8f306b76575c073f0b10a9cfb037784a23', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon })), h("input", { key: '8443ce8e3f0e952b12e66686b11ec83a3a3986f4', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" }), h("cpsl-popover", { key: '5094f8e466b39f98ad42ee4d585381d9072b15be', part: "popover", autoWidth: this.autoWidth, alignCenter: this.alignCenter, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: 'd25b7dcb7712d977817d80d7d64b51275d2f2836', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: 'e7c28b844cb87339e42e5889036ad23816dba245', class: "search-container" }, h("cpsl-input", { key: 'a163fddbe94d0879db37c1e7ea29b3f24c6272a6', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
                 e.stopPropagation();
                 this.cpslSearchChange.emit(e.detail.value);
-            } }))), h("div", { key: '2a7a58fe4cac9ef5c6e193c7520c7fc5d4bdbec5', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: 'a0630a42e11c011ed5404e05a7ea1933da90e8fc', name: "items" }))))), (this.errorText || this.helperText) && (h("div", { key: 'cee93a66e762e3c111edcaf8f57379d9ed106369', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: '438123416a44bbd84b6fa908a9ba21635d808400' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
+            } }))), h("div", { key: '14b0ce4fc71cb82aa9a8f639c7b51772cb4661c1', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: 'afb08ac353a11be8b89f16884ed6509e21be2f6d', name: "items" }))))), (this.errorText || this.helperText) && (h("div", { key: 'b68520ddb728e5601fff5082d772d2fedc761850', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'fd953ec9c15f952feb64f56b60f933d3a4223d1c' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21829,7 +21907,7 @@ const CpslSelect = class {
 let inputIds = 0;
 CpslSelect.style = CpslSelectStyle0;
-const cpslSelectItemCss = ":host{--outer-container-padding-start:8px;--outer-container-padding-end:8px;--outer-container-padding-top:8px;--outer-container-padding-bottom:8px;--container-background-color:var(--cpsl-color-select-surface-default);--container-hover-background-color:var(--cpsl-color-select-surface-hover);--container-border-radius:calc(var(--cpsl-border-radius-select) - 4px);--container-padding-start:8px;--container-padding-end:8px;--container-padding-top:8px;--container-padding-bottom:8px;display:block;font-family:var(--cpsl-font-family, inherit);color:var(--cpsl-color-text-primary);cursor:pointer}.inner-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);background-color:var(--container-background-color);border-radius:var(--container-border-radius);height:100%;display:flex;align-items:center}.outer-container{-webkit-padding-start:var(--outer-container-padding-start);padding-inline-start:var(--outer-container-padding-start);-webkit-padding-end:var(--outer-container-padding-end);padding-inline-end:var(--outer-container-padding-end);padding-top:var(--outer-container-padding-top);padding-bottom:var(--outer-container-padding-bottom);background-color:var(--container-background-color)}.outer-container:hover>.inner-container{background-color:var(--container-hover-background-color)}.selected{background-color:var(--container-hover-background-color)}:host(.in-select-box){--container-background-color:transparent;--container-hover-background-color:transparent;--container-border-width:0px;--container-padding-start:0px;--container-padding-end:0px;--container-padding-top:0px;--container-padding-bottom:0px;flex:1;height:100%}";
+const cpslSelectItemCss = ":host{--outer-container-padding-start:8px;--outer-container-padding-end:8px;--outer-container-padding-top:8px;--outer-container-padding-bottom:8px;--container-background-color:var(--cpsl-color-select-surface-default);--container-hover-background-color:var(--cpsl-color-select-surface-hover);--container-border-radius:calc(var(--cpsl-border-radius-select) - 4px);--container-padding-start:8px;--container-padding-end:8px;--container-padding-top:8px;--container-padding-bottom:8px;display:block;font-family:var(--cpsl-font-family, inherit);color:var(--cpsl-color-text-primary);cursor:pointer}.inner-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);background-color:var(--container-background-color);border-radius:var(--container-border-radius);height:100%;display:flex;align-items:center}.outer-container{-webkit-padding-start:var(--outer-container-padding-start);padding-inline-start:var(--outer-container-padding-start);-webkit-padding-end:var(--outer-container-padding-end);padding-inline-end:var(--outer-container-padding-end);padding-top:var(--outer-container-padding-top);padding-bottom:var(--outer-container-padding-bottom)}.outer-container:hover>.inner-container{background-color:var(--container-hover-background-color)}.selected{background-color:var(--container-hover-background-color)}:host(.in-select-box){--container-background-color:transparent;--container-hover-background-color:transparent;--container-border-width:0px;--container-padding-start:0px;--container-padding-end:0px;--container-padding-top:0px;--container-padding-bottom:0px;flex:1;height:100%}";
 const CpslSelectItemStyle0 = cpslSelectItemCss;
 const CpslSelectItem = class {
@@ -21843,10 +21921,15 @@ const CpslSelectItem = class {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: '532ed86577783bc61c40a18de178e63d16cf24c1' }, h("div", { key: 'c96fd4ab69add9b97726ef5869da0f4ef4353b23', part: "outer-container", class: "outer-container", onClick: e => {
+        return (h(Host, { key: '532ed86577783bc61c40a18de178e63d16cf24c1' }, h("div", { key: 'b8204d608be86196abdb6aa9f87f945a81ed94aa', part: "outer-container", class: "outer-container", onClick: e => {
+                var _a;
+                const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
+                if (targetId === 'ignore-click') {
+                    return;
+                }
                 this.handleItemClick();
                 e.stopPropagation();
-            } }, h("div", { key: '0dd87fde160b31a3609ee41b550066279c9f00d6', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, h("slot", { key: 'c526deb812322490f235d34d7d98f30eb2f6a19e' })))));
+            } }, h("div", { key: '39f0db01095055ae5a759d26f35abd862e188f4c', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, h("slot", { key: '2c813c62143a9003c6f45bc979986e375b15f6fe' })))));
     }
 };
 CpslSelectItem.style = CpslSelectItemStyle0;
@@ -22202,7 +22285,7 @@ const getTab = (tabs, tab) => {
 };
 CpslTabs.style = CpslTabsStyle0;
-const cpslTextCss = ":host{display:block;font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-synthesis:none}:host(.primary){color:var(--color-override, var(--cpsl-color-text-primary))}:host(.primary)>p,:host(.primary) h1,:host(.primary) h2,:host(.primary) h3,:host(.primary) h4,:host(.primary) h5,:host(.primary) h6{color:var(--color-override, var(--cpsl-color-text-primary))}:host(.secondary){color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.secondary)>p,:host(.secondary) h1,:host(.secondary) h2,:host(.secondary) h3,:host(.secondary) h4,:host(.secondary) h5,:host(.secondary) h6{color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.tertiary){color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.tertiary)>p,:host(.tertiary) h1,:host(.tertiary) h2,:host(.tertiary) h3,:host(.tertiary) h4,:host(.tertiary) h5,:host(.tertiary) h6{color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.subtle){color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.subtle)>p,:host(.subtle) h1,:host(.subtle) h2,:host(.subtle) h3,:host(.subtle) h4,:host(.subtle) h5,:host(.subtle) h6{color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.inverted){color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.inverted)>p,:host(.inverted) h1,:host(.inverted) h2,:host(.inverted) h3,:host(.inverted) h4,:host(.inverted) h5,:host(.inverted) h6{color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.error){color:var(--color-override, var(--cpsl-color-text-error))}:host(.error)>p,:host(.error) h1,:host(.error) h2,:host(.error) h3,:host(.error) h4,:host(.error) h5,:host(.error) h6{color:var(--color-override, var(--cpsl-color-text-error))}:host(.success){color:var(--color-override, var(--cpsl-color-utility-green))}:host(.success)>p,:host(.success) h1,:host(.success) h2,:host(.success) h3,:host(.success) h4,:host(.success) h5,:host(.success) h6{color:var(--color-override, var(--cpsl-color-utility-green))}:host(.contrast){color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.contrast)>p,:host(.contrast) h1,:host(.contrast) h2,:host(.contrast) h3,:host(.contrast) h4,:host(.contrast) h5,:host(.contrast) h6{color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.regular){font-weight:400}:host(.regular)>p,:host(.regular) h1,:host(.regular) h2,:host(.regular) h3,:host(.regular) h4,:host(.regular) h5,:host(.regular) h6{font-weight:400}:host(.medium){font-weight:500}:host(.medium)>p,:host(.medium) h1,:host(.medium) h2,:host(.medium) h3,:host(.medium) h4,:host(.medium) h5,:host(.medium) h6{font-weight:500}:host(.semi-bold){font-weight:600}:host(.semi-bold)>p,:host(.semi-bold) h1,:host(.semi-bold) h2,:host(.semi-bold) h3,:host(.semi-bold) h4,:host(.semi-bold) h5,:host(.semi-bold) h6{font-weight:600}:host(.bold){font-weight:700}:host(.bold)>p,:host(.bold) h1,:host(.bold) h2,:host(.bold) h3,:host(.bold) h4,:host(.bold) h5,:host(.bold) h6{font-weight:700}:host(.body-2xs){font-size:var(--cpsl-font-size-body-2xs)}:host(.body-2xs)>p,:host(.body-2xs) h1,:host(.body-2xs) h2,:host(.body-2xs) h3,:host(.body-2xs) h4,:host(.body-2xs) h5,:host(.body-2xs) h6{font-size:var(--cpsl-font-size-body-2xs)}:host(.body-xs){font-size:var(--cpsl-font-size-body-xs)}:host(.body-xs)>p,:host(.body-xs) h1,:host(.body-xs) h2,:host(.body-xs) h3,:host(.body-xs) h4,:host(.body-xs) h5,:host(.body-xs) h6{font-size:var(--cpsl-font-size-body-xs)}:host(.body-s){font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-s)>p,:host(.body-s) h1,:host(.body-s) h2,:host(.body-s) h3,:host(.body-s) h4,:host(.body-s) h5,:host(.body-s) h6{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-m){font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-m)>p,:host(.body-m) h1,:host(.body-m) h2,:host(.body-m) h3,:host(.body-m) h4,:host(.body-m) h5,:host(.body-m) h6{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-l){font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-l)>p,:host(.body-l) h1,:host(.body-l) h2,:host(.body-l) h3,:host(.body-l) h4,:host(.body-l) h5,:host(.body-l) h6{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-xl){font-size:var(--cpsl-font-size-body-xl)}:host(.body-xl)>p,:host(.body-xl) h1,:host(.body-xl) h2,:host(.body-xl) h3,:host(.body-xl) h4,:host(.body-xl) h5,:host(.body-xl) h6{font-size:var(--cpsl-font-size-body-xl)}:host(.heading-xs){font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-xs)>p,:host(.heading-xs) h1,:host(.heading-xs) h2,:host(.heading-xs) h3,:host(.heading-xs) h4,:host(.heading-xs) h5,:host(.heading-xs) h6{font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-s){font-size:var(--cpsl-font-size-heading-s)}:host(.heading-s)>p,:host(.heading-s) h1,:host(.heading-s) h2,:host(.heading-s) h3,:host(.heading-s) h4,:host(.heading-s) h5,:host(.heading-s) h6{font-size:var(--cpsl-font-size-heading-s)}:host(.heading-m){font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-m)>p,:host(.heading-m) h1,:host(.heading-m) h2,:host(.heading-m) h3,:host(.heading-m) h4,:host(.heading-m) h5,:host(.heading-m) h6{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-l){font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-l)>p,:host(.heading-l) h1,:host(.heading-l) h2,:host(.heading-l) h3,:host(.heading-l) h4,:host(.heading-l) h5,:host(.heading-l) h6{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-xl){font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-xl)>p,:host(.heading-xl) h1,:host(.heading-xl) h2,:host(.heading-xl) h3,:host(.heading-xl) h4,:host(.heading-xl) h5,:host(.heading-xl) h6{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-2xl){font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host(.heading-2xl)>p,:host(.heading-2xl) h1,:host(.heading-2xl) h2,:host(.heading-2xl) h3,:host(.heading-2xl) h4,:host(.heading-2xl) h5,:host(.heading-2xl) h6{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host p,h1,h2,h3,h4,h5,h6{font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-synthesis:none}:host p::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}";
+const cpslTextCss = ":host{display:block;font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-synthesis:none}:host(.primary){color:var(--color-override, var(--cpsl-color-text-primary))}:host(.primary)>p,:host(.primary) h1,:host(.primary) h2,:host(.primary) h3,:host(.primary) h4,:host(.primary) h5,:host(.primary) h6{color:var(--color-override, var(--cpsl-color-text-primary))}:host(.secondary){color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.secondary)>p,:host(.secondary) h1,:host(.secondary) h2,:host(.secondary) h3,:host(.secondary) h4,:host(.secondary) h5,:host(.secondary) h6{color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.tertiary){color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.tertiary)>p,:host(.tertiary) h1,:host(.tertiary) h2,:host(.tertiary) h3,:host(.tertiary) h4,:host(.tertiary) h5,:host(.tertiary) h6{color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.subtle){color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.subtle)>p,:host(.subtle) h1,:host(.subtle) h2,:host(.subtle) h3,:host(.subtle) h4,:host(.subtle) h5,:host(.subtle) h6{color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.inverted){color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.inverted)>p,:host(.inverted) h1,:host(.inverted) h2,:host(.inverted) h3,:host(.inverted) h4,:host(.inverted) h5,:host(.inverted) h6{color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.error){color:var(--color-override, var(--cpsl-color-text-error))}:host(.error)>p,:host(.error) h1,:host(.error) h2,:host(.error) h3,:host(.error) h4,:host(.error) h5,:host(.error) h6{color:var(--color-override, var(--cpsl-color-text-error))}:host(.success){color:var(--color-override, var(--cpsl-color-utility-green))}:host(.success)>p,:host(.success) h1,:host(.success) h2,:host(.success) h3,:host(.success) h4,:host(.success) h5,:host(.success) h6{color:var(--color-override, var(--cpsl-color-utility-green))}:host(.contrast){color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.contrast)>p,:host(.contrast) h1,:host(.contrast) h2,:host(.contrast) h3,:host(.contrast) h4,:host(.contrast) h5,:host(.contrast) h6{color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.regular){font-weight:400}:host(.regular)>p,:host(.regular) h1,:host(.regular) h2,:host(.regular) h3,:host(.regular) h4,:host(.regular) h5,:host(.regular) h6{font-weight:400}:host(.medium){font-weight:500}:host(.medium)>p,:host(.medium) h1,:host(.medium) h2,:host(.medium) h3,:host(.medium) h4,:host(.medium) h5,:host(.medium) h6{font-weight:500}:host(.semi-bold){font-weight:600}:host(.semi-bold)>p,:host(.semi-bold) h1,:host(.semi-bold) h2,:host(.semi-bold) h3,:host(.semi-bold) h4,:host(.semi-bold) h5,:host(.semi-bold) h6{font-weight:600}:host(.bold){font-weight:700}:host(.bold)>p,:host(.bold) h1,:host(.bold) h2,:host(.bold) h3,:host(.bold) h4,:host(.bold) h5,:host(.bold) h6{font-weight:700}:host(.body-2xs){font-size:var(--cpsl-font-size-body-2xs)}:host(.body-2xs)>p,:host(.body-2xs) h1,:host(.body-2xs) h2,:host(.body-2xs) h3,:host(.body-2xs) h4,:host(.body-2xs) h5,:host(.body-2xs) h6{font-size:var(--cpsl-font-size-body-2xs)}:host(.body-xs){font-size:var(--cpsl-font-size-body-xs)}:host(.body-xs)>p,:host(.body-xs) h1,:host(.body-xs) h2,:host(.body-xs) h3,:host(.body-xs) h4,:host(.body-xs) h5,:host(.body-xs) h6{font-size:var(--cpsl-font-size-body-xs)}:host(.body-s){font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-s)>p,:host(.body-s) h1,:host(.body-s) h2,:host(.body-s) h3,:host(.body-s) h4,:host(.body-s) h5,:host(.body-s) h6{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-m){font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-m)>p,:host(.body-m) h1,:host(.body-m) h2,:host(.body-m) h3,:host(.body-m) h4,:host(.body-m) h5,:host(.body-m) h6{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-l){font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-l)>p,:host(.body-l) h1,:host(.body-l) h2,:host(.body-l) h3,:host(.body-l) h4,:host(.body-l) h5,:host(.body-l) h6{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-xl){font-size:var(--cpsl-font-size-body-xl)}:host(.body-xl)>p,:host(.body-xl) h1,:host(.body-xl) h2,:host(.body-xl) h3,:host(.body-xl) h4,:host(.body-xl) h5,:host(.body-xl) h6{font-size:var(--cpsl-font-size-body-xl)}:host(.heading-xs){font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-xs)>p,:host(.heading-xs) h1,:host(.heading-xs) h2,:host(.heading-xs) h3,:host(.heading-xs) h4,:host(.heading-xs) h5,:host(.heading-xs) h6{font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-s){font-size:var(--cpsl-font-size-heading-s)}:host(.heading-s)>p,:host(.heading-s) h1,:host(.heading-s) h2,:host(.heading-s) h3,:host(.heading-s) h4,:host(.heading-s) h5,:host(.heading-s) h6{font-size:var(--cpsl-font-size-heading-s)}:host(.heading-m){font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-m)>p,:host(.heading-m) h1,:host(.heading-m) h2,:host(.heading-m) h3,:host(.heading-m) h4,:host(.heading-m) h5,:host(.heading-m) h6{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-l){font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-l)>p,:host(.heading-l) h1,:host(.heading-l) h2,:host(.heading-l) h3,:host(.heading-l) h4,:host(.heading-l) h5,:host(.heading-l) h6{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-xl){font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-xl)>p,:host(.heading-xl) h1,:host(.heading-xl) h2,:host(.heading-xl) h3,:host(.heading-xl) h4,:host(.heading-xl) h5,:host(.heading-xl) h6{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-2xl){font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host(.heading-2xl)>p,:host(.heading-2xl) h1,:host(.heading-2xl) h2,:host(.heading-2xl) h3,:host(.heading-2xl) h4,:host(.heading-2xl) h5,:host(.heading-2xl) h6{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host(.align-left){text-align:left}:host(.align-center){text-align:center}:host(.align-right){text-align:right}:host p,h1,h2,h3,h4,h5,h6{font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-synthesis:none}:host p::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}";
 const CpslTextStyle0 = cpslTextCss;
 const TEXT_EL_PART = 'text-element';
@@ -22237,9 +22320,10 @@ const CpslText = class {
         this.color = 'primary';
         this.variant = 'bodyM';
         this.weight = 'regular';
+        this.align = undefined;
     }
     render() {
-        return (h(Host, { key: '1ccbe3c088dbe11859617341644f71a32edd7bad', class: {
+        return (h(Host, { key: '893cf52df1fa3f8304e8fc61e92ad31abeafec91', class: {
                 // COLORS
                 'primary': this.color === 'primary',
                 'secondary': this.color === 'secondary',
@@ -22266,22 +22350,28 @@ const CpslText = class {
                 'heading-l': this.variant === 'headingL',
                 'heading-xl': this.variant === 'headingXL',
                 'heading-2xl': this.variant === 'heading2XL',
+                'align-left': this.align === 'left',
+                'align-center': this.align === 'center',
+                'align-right': this.align === 'right',
             } }, this.getContent()));
     }
 };
 CpslText.style = CpslTextStyle0;
-const cpslTileButtonCss = ":host{--button-icon-color:var(--cpsl-color-text-primary);--button-border-radius:var(--cpsl-border-radius-tile-button);--button-background-color:var(--cpsl-color-tile-button-surface-default);--button-border-color:var(--cpsl-color-tile-button-border);--button-width:72px;--button-height:56px;--button-gap:8px}:host :hover{--button-background-color:var(--cpsl-color-tile-button-surface-hover)}:host :active{--button-background-color:var(--cpsl-color-tile-button-surface-pressed)}.button-native{border-radius:var(--button-border-radius);-webkit-padding-start:var(--button-padding-start);padding-inline-start:var(--button-padding-start);-webkit-padding-end:var(--button-padding-end);padding-inline-end:var(--button-padding-end);padding-top:var(--button-padding-top);padding-bottom:var(--button-padding-bottom);border:1px solid transparent;cursor:pointer;background:var(--button-background-color);border-color:var(--button-border-color);display:flex;flex-direction:column;gap:var(--button-gap);align-items:center;justify-content:center;width:var(--button-width);height:var(--button-height);box-shadow:var(--button-box-shadow)}.button-native cpsl-icon{--icon-color:var(--button-icon-color);--height:var(--button-icon-height);--width:var(--button-icon-width)}";
+const cpslTileButtonCss = ":host{--button-icon-color:var(--cpsl-color-text-primary);--button-border-radius:var(--cpsl-border-radius-tile-button);--button-background-color:var(--cpsl-color-tile-button-surface-default);--button-border-color:var(--cpsl-color-tile-button-border);--button-width:72px;--button-height:56px;--button-gap:8px}:host :hover{--button-background-color:var(--cpsl-color-tile-button-surface-hover)}:host :active{--button-background-color:var(--cpsl-color-tile-button-surface-pressed)}:host(.disabled){cursor:default;pointer-events:none;opacity:0.7}:host(.disabled) .button-native{cursor:default;pointer-events:none}.button-native{border-radius:var(--button-border-radius);-webkit-padding-start:var(--button-padding-start);padding-inline-start:var(--button-padding-start);-webkit-padding-end:var(--button-padding-end);padding-inline-end:var(--button-padding-end);padding-top:var(--button-padding-top);padding-bottom:var(--button-padding-bottom);border:1px solid transparent;cursor:pointer;background:var(--button-background-color);border-color:var(--button-border-color);display:flex;flex-direction:column;gap:var(--button-gap);align-items:center;justify-content:center;width:var(--button-width);height:var(--button-height);box-shadow:var(--button-box-shadow)}.button-native cpsl-icon{--icon-color:var(--button-icon-color);--height:var(--button-icon-height);--width:var(--button-icon-width)}";
 const CpslTileButtonStyle0 = cpslTileButtonCss;
 const CpslTileButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.disabled = false;
         this.src = undefined;
         this.icon = undefined;
     }
     render() {
-        return (h(Host, { key: '5e9927f98dce681df1237a942d9e1d7fa121b607' }, h("button", { key: 'f555f7a1b3eafe29d67a65e014cdfd6305ffc2a4', class: "button-native" }, h("cpsl-icon", { key: '333bae4faf843a52c58e8b79234cb1e72a572a03', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: 'f56278acf1cc8298c7a06ecbdd8934498ed60e71' }))));
+        return (h(Host, { key: '4208b5b96abeaa297d65cbe341b8856b6fb1d5f7', class: {
+                disabled: this.disabled,
+            } }, h("button", { key: '15e33d66269d18cad46b69dd7e3b251a6b1672d3', class: "button-native", disabled: this.disabled }, h("cpsl-icon", { key: '5467bad2d0d6b976cefa3625c6878a7e2068b884', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '209993a9288cfe3de961c955e132abd9ffa7e82a' }))));
     }
 };
 CpslTileButton.style = CpslTileButtonStyle0;