@reown/appkit-cdn 1.8.15-ea982070c1d274f5971447c430b6d77717082e78.0 → 1.8.15-viem-upgrade.0

package/dist/index-B_z_MPZ-.js

@@ -1,180 +0,0 @@
-import { m as css, r as resetStyles, n as elementStyles, o as i, v as vars, x } from "./appkit-ppmICUF1.js";
-import { n } from "./class-map-B814K2ej.js";
-import { e, n as n$1 } from "./ref-BobNUvS_.js";
-import { c as customElement, U as UiHelperUtil } from "./index-kb6zqfNt.js";
-const styles = css`
-  :host {
-    position: relative;
-    display: inline-block;
-  }
-
-  :host([data-error='true']) > input {
-    color: ${({ tokens }) => tokens.core.textError};
-  }
-
-  :host([data-error='false']) > input {
-    color: ${({ tokens }) => tokens.theme.textSecondary};
-  }
-
-  input {
-    background: transparent;
-    height: auto;
-    box-sizing: border-box;
-    color: ${({ tokens }) => tokens.theme.textPrimary};
-    font-feature-settings: 'case' on;
-    font-size: ${({ textSize }) => textSize.h4};
-    caret-color: ${({ tokens }) => tokens.core.backgroundAccentPrimary};
-    line-height: ${({ typography }) => typography["h4-regular-mono"].lineHeight};
-    letter-spacing: ${({ typography }) => typography["h4-regular-mono"].letterSpacing};
-    -webkit-appearance: none;
-    -moz-appearance: textfield;
-    padding: 0px;
-    font-family: ${({ fontFamily }) => fontFamily.mono};
-  }
-
-  :host([data-width-variant='auto']) input {
-    width: 100%;
-  }
-
-  :host([data-width-variant='fit']) input {
-    width: 1ch;
-  }
-
-  .wui-input-amount-fit-mirror {
-    position: absolute;
-    visibility: hidden;
-    white-space: pre;
-    font-size: var(--local-font-size);
-    line-height: 130%;
-    letter-spacing: -1.28px;
-    font-family: ${({ fontFamily }) => fontFamily.mono};
-  }
-
-  .wui-input-amount-fit-width {
-    display: inline-block;
-    position: relative;
-  }
-
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  input::placeholder {
-    color: ${({ tokens }) => tokens.theme.textSecondary};
-  }
-`;
-var __decorate = function(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-let WuiInputAmount = class WuiInputAmount2 extends i {
-  constructor() {
-    super(...arguments);
-    this.inputElementRef = e();
-    this.disabled = false;
-    this.value = "";
-    this.placeholder = "0";
-    this.widthVariant = "auto";
-    this.maxDecimals = void 0;
-    this.maxIntegers = void 0;
-    this.fontSize = "h4";
-    this.error = false;
-  }
-  firstUpdated() {
-    this.resizeInput();
-  }
-  updated() {
-    this.style.setProperty("--local-font-size", vars.textSize[this.fontSize]);
-    this.resizeInput();
-  }
-  render() {
-    var _a;
-    this.dataset["widthVariant"] = this.widthVariant;
-    this.dataset["error"] = String(this.error);
-    if (((_a = this.inputElementRef) == null ? void 0 : _a.value) && this.value) {
-      this.inputElementRef.value.value = this.value;
-    }
-    if (this.widthVariant === "auto") {
-      return this.inputTemplate();
-    }
-    return x`
-      <div class="wui-input-amount-fit-width">
-        <span class="wui-input-amount-fit-mirror"></span>
-        ${this.inputTemplate()}
-      </div>
-    `;
-  }
-  inputTemplate() {
-    return x`<input
-      ${n$1(this.inputElementRef)}
-      type="text"
-      inputmode="decimal"
-      pattern="[0-9,.]*"
-      placeholder=${this.placeholder}
-      ?disabled=${this.disabled}
-      autofocus
-      value=${this.value ?? ""}
-      @input=${this.dispatchInputChangeEvent.bind(this)}
-    />`;
-  }
-  dispatchInputChangeEvent() {
-    if (this.inputElementRef.value) {
-      this.inputElementRef.value.value = UiHelperUtil.maskInput({
-        value: this.inputElementRef.value.value,
-        decimals: this.maxDecimals,
-        integers: this.maxIntegers
-      });
-      this.dispatchEvent(new CustomEvent("inputChange", {
-        detail: this.inputElementRef.value.value,
-        bubbles: true,
-        composed: true
-      }));
-      this.resizeInput();
-    }
-  }
-  resizeInput() {
-    if (this.widthVariant === "fit") {
-      const inputElement = this.inputElementRef.value;
-      if (inputElement) {
-        const mirror = inputElement.previousElementSibling;
-        if (mirror) {
-          mirror.textContent = inputElement.value || "0";
-          inputElement.style.width = `${mirror.offsetWidth}px`;
-        }
-      }
-    }
-  }
-};
-WuiInputAmount.styles = [resetStyles, elementStyles, styles];
-__decorate([
-  n({ type: Boolean })
-], WuiInputAmount.prototype, "disabled", void 0);
-__decorate([
-  n({ type: String })
-], WuiInputAmount.prototype, "value", void 0);
-__decorate([
-  n({ type: String })
-], WuiInputAmount.prototype, "placeholder", void 0);
-__decorate([
-  n({ type: String })
-], WuiInputAmount.prototype, "widthVariant", void 0);
-__decorate([
-  n({ type: Number })
-], WuiInputAmount.prototype, "maxDecimals", void 0);
-__decorate([
-  n({ type: Number })
-], WuiInputAmount.prototype, "maxIntegers", void 0);
-__decorate([
-  n({ type: String })
-], WuiInputAmount.prototype, "fontSize", void 0);
-__decorate([
-  n({ type: Boolean })
-], WuiInputAmount.prototype, "error", void 0);
-WuiInputAmount = __decorate([
-  customElement("wui-input-amount")
-], WuiInputAmount);
-//# sourceMappingURL=index-B_z_MPZ-.js.map

package/dist/index-B_z_MPZ-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-B_z_MPZ-.js","sources":["../../ui/dist/esm/src/composites/wui-input-amount/styles.js","../../ui/dist/esm/src/composites/wui-input-amount/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    display: inline-block;\n  }\n\n  :host([data-error='true']) > input {\n    color: ${({ tokens }) => tokens.core.textError};\n  }\n\n  :host([data-error='false']) > input {\n    color: ${({ tokens }) => tokens.theme.textSecondary};\n  }\n\n  input {\n    background: transparent;\n    height: auto;\n    box-sizing: border-box;\n    color: ${({ tokens }) => tokens.theme.textPrimary};\n    font-feature-settings: 'case' on;\n    font-size: ${({ textSize }) => textSize.h4};\n    caret-color: ${({ tokens }) => tokens.core.backgroundAccentPrimary};\n    line-height: ${({ typography }) => typography['h4-regular-mono'].lineHeight};\n    letter-spacing: ${({ typography }) => typography['h4-regular-mono'].letterSpacing};\n    -webkit-appearance: none;\n    -moz-appearance: textfield;\n    padding: 0px;\n    font-family: ${({ fontFamily }) => fontFamily.mono};\n  }\n\n  :host([data-width-variant='auto']) input {\n    width: 100%;\n  }\n\n  :host([data-width-variant='fit']) input {\n    width: 1ch;\n  }\n\n  .wui-input-amount-fit-mirror {\n    position: absolute;\n    visibility: hidden;\n    white-space: pre;\n    font-size: var(--local-font-size);\n    line-height: 130%;\n    letter-spacing: -1.28px;\n    font-family: ${({ fontFamily }) => fontFamily.mono};\n  }\n\n  .wui-input-amount-fit-width {\n    display: inline-block;\n    position: relative;\n  }\n\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  input::placeholder {\n    color: ${({ tokens }) => tokens.theme.textSecondary};\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { vars } from '../../utils/ThemeHelperUtil.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { UiHelperUtil } from '../../utils/UiHelperUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiInputAmount = class WuiInputAmount extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.inputElementRef = createRef();\n        this.disabled = false;\n        this.value = '';\n        this.placeholder = '0';\n        this.widthVariant = 'auto';\n        this.maxDecimals = undefined;\n        this.maxIntegers = undefined;\n        this.fontSize = 'h4';\n        this.error = false;\n    }\n    firstUpdated() {\n        this.resizeInput();\n    }\n    updated() {\n        this.style.setProperty('--local-font-size', vars.textSize[this.fontSize]);\n        this.resizeInput();\n    }\n    render() {\n        this.dataset['widthVariant'] = this.widthVariant;\n        this.dataset['error'] = String(this.error);\n        if (this.inputElementRef?.value && this.value) {\n            this.inputElementRef.value.value = this.value;\n        }\n        if (this.widthVariant === 'auto') {\n            return this.inputTemplate();\n        }\n        return html `\n      <div class=\"wui-input-amount-fit-width\">\n        <span class=\"wui-input-amount-fit-mirror\"></span>\n        ${this.inputTemplate()}\n      </div>\n    `;\n    }\n    inputTemplate() {\n        return html `<input\n      ${ref(this.inputElementRef)}\n      type=\"text\"\n      inputmode=\"decimal\"\n      pattern=\"[0-9,.]*\"\n      placeholder=${this.placeholder}\n      ?disabled=${this.disabled}\n      autofocus\n      value=${this.value ?? ''}\n      @input=${this.dispatchInputChangeEvent.bind(this)}\n    />`;\n    }\n    dispatchInputChangeEvent() {\n        if (this.inputElementRef.value) {\n            this.inputElementRef.value.value = UiHelperUtil.maskInput({\n                value: this.inputElementRef.value.value,\n                decimals: this.maxDecimals,\n                integers: this.maxIntegers\n            });\n            this.dispatchEvent(new CustomEvent('inputChange', {\n                detail: this.inputElementRef.value.value,\n                bubbles: true,\n                composed: true\n            }));\n            this.resizeInput();\n        }\n    }\n    resizeInput() {\n        if (this.widthVariant === 'fit') {\n            const inputElement = this.inputElementRef.value;\n            if (inputElement) {\n                const mirror = inputElement.previousElementSibling;\n                if (mirror) {\n                    mirror.textContent = inputElement.value || '0';\n                    inputElement.style.width = `${mirror.offsetWidth}px`;\n                }\n            }\n        }\n    }\n};\nWuiInputAmount.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property({ type: Boolean })\n], WuiInputAmount.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: String })\n], WuiInputAmount.prototype, \"value\", void 0);\n__decorate([\n    property({ type: String })\n], WuiInputAmount.prototype, \"placeholder\", void 0);\n__decorate([\n    property({ type: String })\n], WuiInputAmount.prototype, \"widthVariant\", void 0);\n__decorate([\n    property({ type: Number })\n], WuiInputAmount.prototype, \"maxDecimals\", void 0);\n__decorate([\n    property({ type: Number })\n], WuiInputAmount.prototype, \"maxIntegers\", void 0);\n__decorate([\n    property({ type: String })\n], WuiInputAmount.prototype, \"fontSize\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiInputAmount.prototype, \"error\", void 0);\nWuiInputAmount = __decorate([\n    customElement('wui-input-amount')\n], WuiInputAmount);\nexport { WuiInputAmount };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiInputAmount","LitElement","createRef","html","ref","property"],"mappings":"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"}

package/dist/index-Biw_bFmP.js

@@ -1,70 +0,0 @@
-import { m as css, o as i, x } from "./appkit-ppmICUF1.js";
-import { n } from "./class-map-B814K2ej.js";
-import { c as customElement } from "./index-kb6zqfNt.js";
-const styles = css`
-  :host {
-    display: block;
-    background: linear-gradient(
-      90deg,
-      ${({ tokens }) => tokens.theme.foregroundPrimary} 0%,
-      ${({ tokens }) => tokens.theme.foregroundSecondary} 50%,
-      ${({ tokens }) => tokens.theme.foregroundPrimary} 100%
-    );
-    background-size: 200% 100%;
-    animation: shimmer 2s linear infinite;
-    border-radius: ${({ borderRadius }) => borderRadius[2]};
-  }
-
-  :host([data-rounded='true']) {
-    border-radius: ${({ borderRadius }) => borderRadius[16]};
-  }
-
-  @keyframes shimmer {
-    0% {
-      background-position: 100% 0;
-    }
-    100% {
-      background-position: -100% 0;
-    }
-  }
-`;
-var __decorate = function(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-let WuiShimmer = class WuiShimmer2 extends i {
-  constructor() {
-    super(...arguments);
-    this.width = "";
-    this.height = "";
-    this.variant = "default";
-    this.rounded = false;
-  }
-  render() {
-    this.style.cssText = `
-      width: ${this.width};
-      height: ${this.height};
-    `;
-    this.dataset["rounded"] = this.rounded ? "true" : "false";
-    return x`<slot></slot>`;
-  }
-};
-WuiShimmer.styles = [styles];
-__decorate([
-  n()
-], WuiShimmer.prototype, "width", void 0);
-__decorate([
-  n()
-], WuiShimmer.prototype, "height", void 0);
-__decorate([
-  n()
-], WuiShimmer.prototype, "variant", void 0);
-__decorate([
-  n({ type: Boolean })
-], WuiShimmer.prototype, "rounded", void 0);
-WuiShimmer = __decorate([
-  customElement("wui-shimmer")
-], WuiShimmer);
-//# sourceMappingURL=index-Biw_bFmP.js.map

package/dist/index-Biw_bFmP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-Biw_bFmP.js","sources":["../../ui/dist/esm/src/components/wui-shimmer/styles.js","../../ui/dist/esm/src/components/wui-shimmer/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    display: block;\n    background: linear-gradient(\n      90deg,\n      ${({ tokens }) => tokens.theme.foregroundPrimary} 0%,\n      ${({ tokens }) => tokens.theme.foregroundSecondary} 50%,\n      ${({ tokens }) => tokens.theme.foregroundPrimary} 100%\n    );\n    background-size: 200% 100%;\n    animation: shimmer 2s linear infinite;\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n  }\n\n  :host([data-rounded='true']) {\n    border-radius: ${({ borderRadius }) => borderRadius[16]};\n  }\n\n  @keyframes shimmer {\n    0% {\n      background-position: 100% 0;\n    }\n    100% {\n      background-position: -100% 0;\n    }\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiShimmer = class WuiShimmer extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.width = '';\n        this.height = '';\n        this.variant = 'default';\n        this.rounded = false;\n    }\n    render() {\n        this.style.cssText = `\n      width: ${this.width};\n      height: ${this.height};\n    `;\n        this.dataset['rounded'] = this.rounded ? 'true' : 'false';\n        return html `<slot></slot>`;\n    }\n};\nWuiShimmer.styles = [styles];\n__decorate([\n    property()\n], WuiShimmer.prototype, \"width\", void 0);\n__decorate([\n    property()\n], WuiShimmer.prototype, \"height\", void 0);\n__decorate([\n    property()\n], WuiShimmer.prototype, \"variant\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiShimmer.prototype, \"rounded\", void 0);\nWuiShimmer = __decorate([\n    customElement('wui-shimmer')\n], WuiShimmer);\nexport { WuiShimmer };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiShimmer","LitElement","html","property"],"mappings":";;;AACA,MAAA,SAAe;AAAA;AAAA;AAAA;AAAA;AAAA,QAKP,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,iBAAiB;AAAA,QAC9C,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,mBAAmB;AAAA,QAChD,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA,qBAIjC,CAAC,EAAE,aAAY,MAAO,aAAa,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,qBAIrC,CAAC,EAAE,aAAY,MAAO,aAAa,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AChB3D,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASA,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAKA,IAAI,aAAa,MAAMC,oBAAmBC,EAAW;AAAA,EACjD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,QAAQ;AACb,SAAK,SAAS;AACd,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACnB;AAAA,EACA,SAAS;AACL,SAAK,MAAM,UAAU;AAAA,eACd,KAAK,KAAK;AAAA,gBACT,KAAK,MAAM;AAAA;AAEnB,SAAK,QAAQ,SAAS,IAAI,KAAK,UAAU,SAAS;AAClD,WAAOC;AAAAA,EACX;AACJ;AACA,WAAW,SAAS,CAAC,MAAM;AAC3B,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,WAAW,WAAW,SAAS,MAAM;AACxC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,WAAW,WAAW,UAAU,MAAM;AACzC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,WAAW,WAAW,WAAW,MAAM;AAC1C,WAAW;AAAA,EACPA,EAAS,EAAE,MAAM,QAAO,CAAE;AAC9B,GAAG,WAAW,WAAW,WAAW,MAAM;AAC1C,aAAa,WAAW;AAAA,EACpB,cAAc,aAAa;AAC/B,GAAG,UAAU;"}