@reown/appkit-cdn 1.6.6-basic-test.4.0 → 1.6.6-basic-test.6.0

package/dist/{index-CvV6W9De.js → index-DYdsymZN.js}

@@ -1,41 +1,5 @@
-import { q as proxy, s as subscribe, t as subscribeKey, i, r as r$1, x } from "./appkit-hZyGLfr5.js";
-import { r, c as customElement } from "./if-defined-dGSnGaje.js";
-const state = proxy({
-  message: "",
-  open: false,
-  triggerRect: {
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0
-  },
-  variant: "shade"
-});
-const TooltipController = {
-  state,
-  subscribe(callback) {
-    return subscribe(state, () => callback(state));
-  },
-  subscribeKey(key, callback) {
-    return subscribeKey(state, key, callback);
-  },
-  showTooltip({ message, triggerRect, variant }) {
-    state.open = true;
-    state.message = message;
-    state.triggerRect = triggerRect;
-    state.variant = variant;
-  },
-  hide() {
-    state.open = false;
-    state.message = "";
-    state.triggerRect = {
-      width: 0,
-      height: 0,
-      top: 0,
-      left: 0
-    };
-  }
-};
+import { a as i, r as r$1, V as TooltipController, x } from "./appkit-CdqvngG9.js";
+import { r, c as customElement } from "./if-defined-D-8vNRJt.js";
 const styles = i`
   :host {
     pointer-events: none;
@@ -165,7 +129,4 @@ W3mTooltip = __decorate([
   customElement("w3m-tooltip"),
   customElement("w3m-tooltip")
 ], W3mTooltip);
-export {
-  TooltipController as T
-};
-//# sourceMappingURL=index-CvV6W9De.js.map
+//# sourceMappingURL=index-DYdsymZN.js.map

package/dist/index-DYdsymZN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DYdsymZN.js","sources":["../../scaffold-ui/dist/esm/src/partials/w3m-tooltip/styles.js","../../scaffold-ui/dist/esm/src/partials/w3m-tooltip/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    pointer-events: none;\n  }\n\n  :host > wui-flex {\n    display: var(--w3m-tooltip-display);\n    opacity: var(--w3m-tooltip-opacity);\n    padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);\n    border-radius: var(--wui-border-radius-xxs);\n    color: var(--wui-color-bg-100);\n    position: fixed;\n    top: var(--w3m-tooltip-top);\n    left: var(--w3m-tooltip-left);\n    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));\n    max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));\n    transition: opacity 0.2s var(--wui-ease-out-power-2);\n    will-change: opacity;\n  }\n\n  :host([data-variant='shade']) > wui-flex {\n    background-color: var(--wui-color-bg-150);\n    border: 1px solid var(--wui-color-gray-glass-005);\n  }\n\n  :host([data-variant='shade']) > wui-flex > wui-text {\n    color: var(--wui-color-fg-150);\n  }\n\n  :host([data-variant='fill']) > wui-flex {\n    background-color: var(--wui-color-fg-100);\n    border: none;\n  }\n\n  wui-icon {\n    position: absolute;\n    width: 12px !important;\n    height: 4px !important;\n    color: var(--wui-color-bg-150);\n  }\n\n  wui-icon[data-placement='top'] {\n    bottom: 0px;\n    left: 50%;\n    transform: translate(-50%, 95%);\n  }\n\n  wui-icon[data-placement='bottom'] {\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -95%) rotate(180deg);\n  }\n\n  wui-icon[data-placement='right'] {\n    top: 50%;\n    left: 0;\n    transform: translate(-65%, -50%) rotate(90deg);\n  }\n\n  wui-icon[data-placement='left'] {\n    top: 50%;\n    right: 0%;\n    transform: translate(65%, -50%) rotate(270deg);\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 { state } from 'lit/decorators.js';\nimport { TooltipController } from '@reown/appkit-core';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-icon';\nimport '@reown/appkit-ui/wui-text';\nimport styles from './styles.js';\nlet W3mTooltip = class W3mTooltip extends LitElement {\n    constructor() {\n        super();\n        this.unsubscribe = [];\n        this.open = TooltipController.state.open;\n        this.message = TooltipController.state.message;\n        this.triggerRect = TooltipController.state.triggerRect;\n        this.variant = TooltipController.state.variant;\n        this.unsubscribe.push(...[\n            TooltipController.subscribe(newState => {\n                this.open = newState.open;\n                this.message = newState.message;\n                this.triggerRect = newState.triggerRect;\n                this.variant = newState.variant;\n            })\n        ]);\n    }\n    disconnectedCallback() {\n        this.unsubscribe.forEach(unsubscribe => unsubscribe());\n    }\n    render() {\n        this.dataset['variant'] = this.variant;\n        const topValue = this.triggerRect.top;\n        const leftValue = this.triggerRect.left;\n        this.style.cssText = `\n    --w3m-tooltip-top: ${topValue}px;\n    --w3m-tooltip-left: ${leftValue}px;\n    --w3m-tooltip-parent-width: ${this.triggerRect.width / 2}px;\n    --w3m-tooltip-display: ${this.open ? 'flex' : 'none'};\n    --w3m-tooltip-opacity: ${this.open ? 1 : 0};\n    `;\n        return html `<wui-flex>\n      <wui-icon data-placement=\"top\" color=\"fg-100\" size=\"inherit\" name=\"cursor\"></wui-icon>\n      <wui-text color=\"inherit\" variant=\"small-500\">${this.message}</wui-text>\n    </wui-flex>`;\n    }\n};\nW3mTooltip.styles = [styles];\n__decorate([\n    state()\n], W3mTooltip.prototype, \"open\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"message\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"triggerRect\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"variant\", void 0);\nW3mTooltip = __decorate([\n    customElement('w3m-tooltip'),\n    customElement('w3m-tooltip')\n], W3mTooltip);\nexport { W3mTooltip };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","W3mTooltip","LitElement","html","state"],"mappings":";;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQC,KAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa;AAAY,IAAAA,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA;AACxH,aAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA;AAAK,UAAI,IAAI,WAAWA,EAAC;AAAG,QAAAD,MAAK,IAAI,IAAI,EAAEA,EAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAKA,EAAC,IAAI,EAAE,QAAQ,GAAG,MAAMA;AAChJ,SAAO,IAAI,KAAKA,MAAK,OAAO,eAAe,QAAQ,KAAKA,EAAC,GAAGA;AAChE;AASA,IAAI,aAAa,MAAME,oBAAmBC,IAAW;AAAA,EACjD,cAAc;AACV,UAAO;AACP,SAAK,cAAc,CAAE;AACrB,SAAK,OAAO,kBAAkB,MAAM;AACpC,SAAK,UAAU,kBAAkB,MAAM;AACvC,SAAK,cAAc,kBAAkB,MAAM;AAC3C,SAAK,UAAU,kBAAkB,MAAM;AACvC,SAAK,YAAY,KAAK,GAAG;AAAA,MACrB,kBAAkB,UAAU,cAAY;AACpC,aAAK,OAAO,SAAS;AACrB,aAAK,UAAU,SAAS;AACxB,aAAK,cAAc,SAAS;AAC5B,aAAK,UAAU,SAAS;AAAA,MAC3B,CAAA;AAAA,IACb,CAAS;AAAA,EACT;AAAA,EACI,uBAAuB;AACnB,SAAK,YAAY,QAAQ,iBAAe,YAAW,CAAE;AAAA,EAC7D;AAAA,EACI,SAAS;AACL,SAAK,QAAQ,SAAS,IAAI,KAAK;AAC/B,UAAM,WAAW,KAAK,YAAY;AAClC,UAAM,YAAY,KAAK,YAAY;AACnC,SAAK,MAAM,UAAU;AAAA,yBACJ,QAAQ;AAAA,0BACP,SAAS;AAAA,kCACD,KAAK,YAAY,QAAQ,CAAC;AAAA,6BAC/B,KAAK,OAAO,SAAS,MAAM;AAAA,6BAC3B,KAAK,OAAO,IAAI,CAAC;AAAA;AAEtC,WAAOC;AAAAA;AAAAA,sDAEuC,KAAK,OAAO;AAAA;AAAA,EAElE;AACA;AACA,WAAW,SAAS,CAAC,MAAM;AAC3B,WAAW;AAAA,EACPC,EAAK;AACT,GAAG,WAAW,WAAW,QAAQ,MAAM;AACvC,WAAW;AAAA,EACPA,EAAK;AACT,GAAG,WAAW,WAAW,WAAW,MAAM;AAC1C,WAAW;AAAA,EACPA,EAAK;AACT,GAAG,WAAW,WAAW,eAAe,MAAM;AAC9C,WAAW;AAAA,EACPA,EAAK;AACT,GAAG,WAAW,WAAW,WAAW,MAAM;AAC1C,aAAa,WAAW;AAAA,EACpB,cAAc,aAAa;AAAA,EAC3B,cAAc,aAAa;AAC/B,GAAG,UAAU;"}

package/dist/{index-BYhbfdIT.js → index-DhH1H8VE.js}

@@ -1,6 +1,6 @@
-import { i, b as resetStyles, f as elementStyles, r, x } from "./appkit-hZyGLfr5.js";
-import { n, c as customElement, e as e$1, o } from "./if-defined-dGSnGaje.js";
-import { e, n as n$1 } from "./index-C7DuE4bF.js";
+import { a as i, f as resetStyles, m as elementStyles, r, x } from "./appkit-CdqvngG9.js";
+import { n, c as customElement, e as e$1, o } from "./if-defined-D-8vNRJt.js";
+import { e, n as n$1 } from "./index-Bljtzwcl.js";
 const styles = i`
   :host {
     position: relative;
@@ -278,4 +278,4 @@ __decorate([
 WuiInputText = __decorate([
   customElement("wui-input-text")
 ], WuiInputText);
-//# sourceMappingURL=index-BYhbfdIT.js.map
+//# sourceMappingURL=index-DhH1H8VE.js.map

package/dist/{index-BYhbfdIT.js.map → index-DhH1H8VE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BYhbfdIT.js","sources":["../../ui/dist/esm/src/composites/wui-input-text/styles.js","../../ui/dist/esm/src/composites/wui-input-text/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    position: relative;\n    width: 100%;\n    display: inline-block;\n    color: var(--wui-color-fg-275);\n  }\n\n  input {\n    width: 100%;\n    border-radius: var(--wui-border-radius-xs);\n    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);\n    background: var(--wui-color-gray-glass-002);\n    font-size: var(--wui-font-size-paragraph);\n    letter-spacing: var(--wui-letter-spacing-paragraph);\n    color: var(--wui-color-fg-100);\n    transition:\n      background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),\n      border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),\n      box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);\n    will-change: background-color, border-color, box-shadow;\n    caret-color: var(--wui-color-accent-100);\n  }\n\n  input:disabled {\n    cursor: not-allowed;\n    border: 1px solid var(--wui-color-gray-glass-010);\n  }\n\n  input:disabled::placeholder,\n  input:disabled + wui-icon {\n    color: var(--wui-color-fg-300);\n  }\n\n  input::placeholder {\n    color: var(--wui-color-fg-275);\n  }\n\n  input:focus:enabled {\n    background-color: var(--wui-color-gray-glass-005);\n    -webkit-box-shadow:\n      inset 0 0 0 1px var(--wui-color-accent-100),\n      0px 0px 0px 4px var(--wui-box-shadow-blue);\n    -moz-box-shadow:\n      inset 0 0 0 1px var(--wui-color-accent-100),\n      0px 0px 0px 4px var(--wui-box-shadow-blue);\n    box-shadow:\n      inset 0 0 0 1px var(--wui-color-accent-100),\n      0px 0px 0px 4px var(--wui-box-shadow-blue);\n  }\n\n  input:hover:enabled {\n    background-color: var(--wui-color-gray-glass-005);\n  }\n\n  wui-icon {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n  }\n\n  .wui-size-sm {\n    padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s);\n  }\n\n  wui-icon + .wui-size-sm {\n    padding: 9px var(--wui-spacing-m) 10px 36px;\n  }\n\n  wui-icon[data-input='sm'] {\n    left: var(--wui-spacing-s);\n  }\n\n  .wui-size-md {\n    padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m);\n  }\n\n  wui-icon + .wui-size-md,\n  wui-loading-spinner + .wui-size-md {\n    padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl);\n  }\n\n  wui-icon[data-input='md'] {\n    left: var(--wui-spacing-l);\n  }\n\n  .wui-size-lg {\n    padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l);\n    letter-spacing: var(--wui-letter-spacing-medium-title);\n    font-size: var(--wui-font-size-medium-title);\n    font-weight: var(--wui-font-weight-light);\n    line-height: 130%;\n    color: var(--wui-color-fg-100);\n    height: 64px;\n  }\n\n  .wui-padding-right-xs {\n    padding-right: var(--wui-spacing-xs);\n  }\n\n  .wui-padding-right-s {\n    padding-right: var(--wui-spacing-s);\n  }\n\n  .wui-padding-right-m {\n    padding-right: var(--wui-spacing-m);\n  }\n\n  .wui-padding-right-l {\n    padding-right: var(--wui-spacing-l);\n  }\n\n  .wui-padding-right-xl {\n    padding-right: var(--wui-spacing-xl);\n  }\n\n  .wui-padding-right-2xl {\n    padding-right: var(--wui-spacing-2xl);\n  }\n\n  .wui-padding-right-3xl {\n    padding-right: var(--wui-spacing-3xl);\n  }\n\n  .wui-padding-right-4xl {\n    padding-right: var(--wui-spacing-4xl);\n  }\n\n  .wui-padding-right-5xl {\n    padding-right: var(--wui-spacing-5xl);\n  }\n\n  wui-icon + .wui-size-lg,\n  wui-loading-spinner + .wui-size-lg {\n    padding-left: 50px;\n  }\n\n  wui-icon[data-input='lg'] {\n    left: var(--wui-spacing-l);\n  }\n\n  .wui-size-mdl {\n    padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m);\n  }\n  wui-icon + .wui-size-mdl,\n  wui-loading-spinner + .wui-size-mdl {\n    padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px;\n  }\n  wui-icon[data-input='mdl'] {\n    left: var(--wui-spacing-m);\n  }\n\n  input:placeholder-shown ~ ::slotted(wui-input-element),\n  input:placeholder-shown ~ ::slotted(wui-icon) {\n    opacity: 0;\n    pointer-events: none;\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[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  ::slotted(wui-input-element),\n  ::slotted(wui-icon) {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  ::slotted(wui-input-element) {\n    right: var(--wui-spacing-m);\n  }\n\n  ::slotted(wui-icon) {\n    right: 0px;\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 { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport '../../components/wui-icon/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiInputText = class WuiInputText extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.inputElementRef = createRef();\n        this.size = 'md';\n        this.disabled = false;\n        this.placeholder = '';\n        this.type = 'text';\n        this.value = '';\n    }\n    render() {\n        const inputClass = `wui-padding-right-${this.inputRightPadding}`;\n        const sizeClass = `wui-size-${this.size}`;\n        const classes = {\n            [sizeClass]: true,\n            [inputClass]: Boolean(this.inputRightPadding)\n        };\n        return html `${this.templateIcon()}\n      <input\n        data-testid=\"wui-input-text\"\n        ${ref(this.inputElementRef)}\n        class=${classMap(classes)}\n        type=${this.type}\n        enterkeyhint=${ifDefined(this.enterKeyHint)}\n        ?disabled=${this.disabled}\n        placeholder=${this.placeholder}\n        @input=${this.dispatchInputChangeEvent.bind(this)}\n        .value=${this.value || ''}\n        tabindex=${ifDefined(this.tabIdx)}\n      />\n      <slot></slot>`;\n    }\n    templateIcon() {\n        if (this.icon) {\n            return html `<wui-icon\n        data-input=${this.size}\n        size=${this.size}\n        color=\"inherit\"\n        name=${this.icon}\n      ></wui-icon>`;\n        }\n        return null;\n    }\n    dispatchInputChangeEvent() {\n        this.dispatchEvent(new CustomEvent('inputChange', {\n            detail: this.inputElementRef.value?.value,\n            bubbles: true,\n            composed: true\n        }));\n    }\n};\nWuiInputText.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiInputText.prototype, \"size\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"icon\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiInputText.prototype, \"disabled\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"placeholder\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"type\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"keyHint\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"value\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"inputRightPadding\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"tabIdx\", void 0);\nWuiInputText = __decorate([\n    customElement('wui-input-text')\n], WuiInputText);\nexport { WuiInputText };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","WuiInputText","LitElement","createRef","html","ref","classMap","ifDefined","property"],"mappings":"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"}
+{"version":3,"file":"index-DhH1H8VE.js","sources":["../../ui/dist/esm/src/composites/wui-input-text/styles.js","../../ui/dist/esm/src/composites/wui-input-text/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    position: relative;\n    width: 100%;\n    display: inline-block;\n    color: var(--wui-color-fg-275);\n  }\n\n  input {\n    width: 100%;\n    border-radius: var(--wui-border-radius-xs);\n    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);\n    background: var(--wui-color-gray-glass-002);\n    font-size: var(--wui-font-size-paragraph);\n    letter-spacing: var(--wui-letter-spacing-paragraph);\n    color: var(--wui-color-fg-100);\n    transition:\n      background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),\n      border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),\n      box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);\n    will-change: background-color, border-color, box-shadow;\n    caret-color: var(--wui-color-accent-100);\n  }\n\n  input:disabled {\n    cursor: not-allowed;\n    border: 1px solid var(--wui-color-gray-glass-010);\n  }\n\n  input:disabled::placeholder,\n  input:disabled + wui-icon {\n    color: var(--wui-color-fg-300);\n  }\n\n  input::placeholder {\n    color: var(--wui-color-fg-275);\n  }\n\n  input:focus:enabled {\n    background-color: var(--wui-color-gray-glass-005);\n    -webkit-box-shadow:\n      inset 0 0 0 1px var(--wui-color-accent-100),\n      0px 0px 0px 4px var(--wui-box-shadow-blue);\n    -moz-box-shadow:\n      inset 0 0 0 1px var(--wui-color-accent-100),\n      0px 0px 0px 4px var(--wui-box-shadow-blue);\n    box-shadow:\n      inset 0 0 0 1px var(--wui-color-accent-100),\n      0px 0px 0px 4px var(--wui-box-shadow-blue);\n  }\n\n  input:hover:enabled {\n    background-color: var(--wui-color-gray-glass-005);\n  }\n\n  wui-icon {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n  }\n\n  .wui-size-sm {\n    padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s);\n  }\n\n  wui-icon + .wui-size-sm {\n    padding: 9px var(--wui-spacing-m) 10px 36px;\n  }\n\n  wui-icon[data-input='sm'] {\n    left: var(--wui-spacing-s);\n  }\n\n  .wui-size-md {\n    padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m);\n  }\n\n  wui-icon + .wui-size-md,\n  wui-loading-spinner + .wui-size-md {\n    padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl);\n  }\n\n  wui-icon[data-input='md'] {\n    left: var(--wui-spacing-l);\n  }\n\n  .wui-size-lg {\n    padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l);\n    letter-spacing: var(--wui-letter-spacing-medium-title);\n    font-size: var(--wui-font-size-medium-title);\n    font-weight: var(--wui-font-weight-light);\n    line-height: 130%;\n    color: var(--wui-color-fg-100);\n    height: 64px;\n  }\n\n  .wui-padding-right-xs {\n    padding-right: var(--wui-spacing-xs);\n  }\n\n  .wui-padding-right-s {\n    padding-right: var(--wui-spacing-s);\n  }\n\n  .wui-padding-right-m {\n    padding-right: var(--wui-spacing-m);\n  }\n\n  .wui-padding-right-l {\n    padding-right: var(--wui-spacing-l);\n  }\n\n  .wui-padding-right-xl {\n    padding-right: var(--wui-spacing-xl);\n  }\n\n  .wui-padding-right-2xl {\n    padding-right: var(--wui-spacing-2xl);\n  }\n\n  .wui-padding-right-3xl {\n    padding-right: var(--wui-spacing-3xl);\n  }\n\n  .wui-padding-right-4xl {\n    padding-right: var(--wui-spacing-4xl);\n  }\n\n  .wui-padding-right-5xl {\n    padding-right: var(--wui-spacing-5xl);\n  }\n\n  wui-icon + .wui-size-lg,\n  wui-loading-spinner + .wui-size-lg {\n    padding-left: 50px;\n  }\n\n  wui-icon[data-input='lg'] {\n    left: var(--wui-spacing-l);\n  }\n\n  .wui-size-mdl {\n    padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m);\n  }\n  wui-icon + .wui-size-mdl,\n  wui-loading-spinner + .wui-size-mdl {\n    padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px;\n  }\n  wui-icon[data-input='mdl'] {\n    left: var(--wui-spacing-m);\n  }\n\n  input:placeholder-shown ~ ::slotted(wui-input-element),\n  input:placeholder-shown ~ ::slotted(wui-icon) {\n    opacity: 0;\n    pointer-events: none;\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[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  ::slotted(wui-input-element),\n  ::slotted(wui-icon) {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  ::slotted(wui-input-element) {\n    right: var(--wui-spacing-m);\n  }\n\n  ::slotted(wui-icon) {\n    right: 0px;\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 { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport '../../components/wui-icon/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiInputText = class WuiInputText extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.inputElementRef = createRef();\n        this.size = 'md';\n        this.disabled = false;\n        this.placeholder = '';\n        this.type = 'text';\n        this.value = '';\n    }\n    render() {\n        const inputClass = `wui-padding-right-${this.inputRightPadding}`;\n        const sizeClass = `wui-size-${this.size}`;\n        const classes = {\n            [sizeClass]: true,\n            [inputClass]: Boolean(this.inputRightPadding)\n        };\n        return html `${this.templateIcon()}\n      <input\n        data-testid=\"wui-input-text\"\n        ${ref(this.inputElementRef)}\n        class=${classMap(classes)}\n        type=${this.type}\n        enterkeyhint=${ifDefined(this.enterKeyHint)}\n        ?disabled=${this.disabled}\n        placeholder=${this.placeholder}\n        @input=${this.dispatchInputChangeEvent.bind(this)}\n        .value=${this.value || ''}\n        tabindex=${ifDefined(this.tabIdx)}\n      />\n      <slot></slot>`;\n    }\n    templateIcon() {\n        if (this.icon) {\n            return html `<wui-icon\n        data-input=${this.size}\n        size=${this.size}\n        color=\"inherit\"\n        name=${this.icon}\n      ></wui-icon>`;\n        }\n        return null;\n    }\n    dispatchInputChangeEvent() {\n        this.dispatchEvent(new CustomEvent('inputChange', {\n            detail: this.inputElementRef.value?.value,\n            bubbles: true,\n            composed: true\n        }));\n    }\n};\nWuiInputText.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiInputText.prototype, \"size\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"icon\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiInputText.prototype, \"disabled\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"placeholder\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"type\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"keyHint\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"value\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"inputRightPadding\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"tabIdx\", void 0);\nWuiInputText = __decorate([\n    customElement('wui-input-text')\n], WuiInputText);\nexport { WuiInputText };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","WuiInputText","LitElement","createRef","html","ref","classMap","ifDefined","property"],"mappings":"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"}

package/dist/{index-DmwSb988.js → index-Dk4ILci7.js}

@@ -1,7 +1,7 @@
-import { i, b as resetStyles, f as elementStyles, r, x } from "./appkit-hZyGLfr5.js";
-import { n, c as customElement } from "./if-defined-dGSnGaje.js";
-import "./index-BgPMLnwu.js";
-import "./index-WNHJ5PXY.js";
+import { a as i, f as resetStyles, m as elementStyles, r, x } from "./appkit-CdqvngG9.js";
+import { n, c as customElement } from "./if-defined-D-8vNRJt.js";
+import "./index-NLlOtCU-.js";
+import "./index-BabqLvZG.js";
 const styles = i`
   :host {
     display: block;
@@ -72,4 +72,4 @@ __decorate([
 WuiTokenButton = __decorate([
   customElement("wui-token-button")
 ], WuiTokenButton);
-//# sourceMappingURL=index-DmwSb988.js.map
+//# sourceMappingURL=index-Dk4ILci7.js.map

package/dist/{index-DmwSb988.js.map → index-Dk4ILci7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DmwSb988.js","sources":["../../ui/dist/esm/src/composites/wui-token-button/styles.js","../../ui/dist/esm/src/composites/wui-token-button/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    display: block;\n  }\n\n  :host > button {\n    gap: var(--wui-spacing-xxs);\n    padding: var(--wui-spacing-xs);\n    padding-right: var(--wui-spacing-1xs);\n    height: 40px;\n    border-radius: var(--wui-border-radius-l);\n    background: var(--wui-color-gray-glass-002);\n    border-width: 0px;\n    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);\n  }\n\n  :host > button wui-image {\n    width: 24px;\n    height: 24px;\n    border-radius: var(--wui-border-radius-s);\n    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);\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 '../../components/wui-image/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-icon-box/index.js';\nimport styles from './styles.js';\nlet WuiTokenButton = class WuiTokenButton extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.text = '';\n    }\n    render() {\n        return html `\n      <button>\n        ${this.tokenTemplate()}\n        <wui-text variant=\"paragraph-600\" color=\"fg-100\">${this.text}</wui-text>\n      </button>\n    `;\n    }\n    tokenTemplate() {\n        if (this.imageSrc) {\n            return html `<wui-image src=${this.imageSrc}></wui-image>`;\n        }\n        return html `\n      <wui-icon-box\n        size=\"sm\"\n        iconColor=\"fg-200\"\n        backgroundColor=\"fg-300\"\n        icon=\"networkPlaceholder\"\n      ></wui-icon-box>\n    `;\n    }\n};\nWuiTokenButton.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiTokenButton.prototype, \"imageSrc\", void 0);\n__decorate([\n    property()\n], WuiTokenButton.prototype, \"text\", void 0);\nWuiTokenButton = __decorate([\n    customElement('wui-token-button')\n], WuiTokenButton);\nexport { WuiTokenButton };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","WuiTokenButton","LitElement","html","property"],"mappings":";;;;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQC,KAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa;AAAY,IAAAA,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA;AACxH,aAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA;AAAK,UAAI,IAAI,WAAWA,EAAC;AAAG,QAAAD,MAAK,IAAI,IAAI,EAAEA,EAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAKA,EAAC,IAAI,EAAE,QAAQ,GAAG,MAAMA;AAChJ,SAAO,IAAI,KAAKA,MAAK,OAAO,eAAe,QAAQ,KAAKA,EAAC,GAAGA;AAChE;AASA,IAAI,iBAAiB,MAAME,wBAAuBC,EAAW;AAAA,EACzD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,OAAO;AAAA,EACpB;AAAA,EACI,SAAS;AACL,WAAOC;AAAAA;AAAAA,UAEL,KAAK,cAAe,CAAA;AAAA,2DAC6B,KAAK,IAAI;AAAA;AAAA;AAAA,EAGpE;AAAA,EACI,gBAAgB;AACZ,QAAI,KAAK,UAAU;AACf,aAAOA,mBAAuB,KAAK,QAAQ;AAAA,IACvD;AACQ,WAAOA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAQf;AACA;AACA,eAAe,SAAS,CAAC,aAAa,eAAe,MAAM;AAC3D,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,eAAe,WAAW,YAAY,MAAM;AAC/C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,eAAe,WAAW,QAAQ,MAAM;AAC3C,iBAAiB,WAAW;AAAA,EACxB,cAAc,kBAAkB;AACpC,GAAG,cAAc;"}
+{"version":3,"file":"index-Dk4ILci7.js","sources":["../../ui/dist/esm/src/composites/wui-token-button/styles.js","../../ui/dist/esm/src/composites/wui-token-button/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    display: block;\n  }\n\n  :host > button {\n    gap: var(--wui-spacing-xxs);\n    padding: var(--wui-spacing-xs);\n    padding-right: var(--wui-spacing-1xs);\n    height: 40px;\n    border-radius: var(--wui-border-radius-l);\n    background: var(--wui-color-gray-glass-002);\n    border-width: 0px;\n    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);\n  }\n\n  :host > button wui-image {\n    width: 24px;\n    height: 24px;\n    border-radius: var(--wui-border-radius-s);\n    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);\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 '../../components/wui-image/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-icon-box/index.js';\nimport styles from './styles.js';\nlet WuiTokenButton = class WuiTokenButton extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.text = '';\n    }\n    render() {\n        return html `\n      <button>\n        ${this.tokenTemplate()}\n        <wui-text variant=\"paragraph-600\" color=\"fg-100\">${this.text}</wui-text>\n      </button>\n    `;\n    }\n    tokenTemplate() {\n        if (this.imageSrc) {\n            return html `<wui-image src=${this.imageSrc}></wui-image>`;\n        }\n        return html `\n      <wui-icon-box\n        size=\"sm\"\n        iconColor=\"fg-200\"\n        backgroundColor=\"fg-300\"\n        icon=\"networkPlaceholder\"\n      ></wui-icon-box>\n    `;\n    }\n};\nWuiTokenButton.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiTokenButton.prototype, \"imageSrc\", void 0);\n__decorate([\n    property()\n], WuiTokenButton.prototype, \"text\", void 0);\nWuiTokenButton = __decorate([\n    customElement('wui-token-button')\n], WuiTokenButton);\nexport { WuiTokenButton };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","WuiTokenButton","LitElement","html","property"],"mappings":";;;;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQC,KAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa;AAAY,IAAAA,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA;AACxH,aAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA;AAAK,UAAI,IAAI,WAAWA,EAAC;AAAG,QAAAD,MAAK,IAAI,IAAI,EAAEA,EAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAKA,EAAC,IAAI,EAAE,QAAQ,GAAG,MAAMA;AAChJ,SAAO,IAAI,KAAKA,MAAK,OAAO,eAAe,QAAQ,KAAKA,EAAC,GAAGA;AAChE;AASA,IAAI,iBAAiB,MAAME,wBAAuBC,EAAW;AAAA,EACzD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,OAAO;AAAA,EACpB;AAAA,EACI,SAAS;AACL,WAAOC;AAAAA;AAAAA,UAEL,KAAK,cAAe,CAAA;AAAA,2DAC6B,KAAK,IAAI;AAAA;AAAA;AAAA,EAGpE;AAAA,EACI,gBAAgB;AACZ,QAAI,KAAK,UAAU;AACf,aAAOA,mBAAuB,KAAK,QAAQ;AAAA,IACvD;AACQ,WAAOA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAQf;AACA;AACA,eAAe,SAAS,CAAC,aAAa,eAAe,MAAM;AAC3D,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,eAAe,WAAW,YAAY,MAAM;AAC/C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,eAAe,WAAW,QAAQ,MAAM;AAC3C,iBAAiB,WAAW;AAAA,EACxB,cAAc,kBAAkB;AACpC,GAAG,cAAc;"}

package/dist/{index-CewBInzg.js → index-DtpsFHmC.js}

@@ -1,6 +1,5 @@
-import { i, r, R as RouterController, m as ConstantsUtil, x } from "./appkit-hZyGLfr5.js";
-import { r as r$1, c as customElement } from "./if-defined-dGSnGaje.js";
-import { T as TooltipController } from "./index-CvV6W9De.js";
+import { a as i, r, R as RouterController, t as ConstantsUtil, x, V as TooltipController } from "./appkit-CdqvngG9.js";
+import { r as r$1, c as customElement } from "./if-defined-D-8vNRJt.js";
 const styles = i`
   :host {
     --prev-height: 0px;
@@ -259,4 +258,4 @@ W3mRouter = __decorate([
 export {
   W3mRouter as W
 };
-//# sourceMappingURL=index-CewBInzg.js.map
+//# sourceMappingURL=index-DtpsFHmC.js.map

package/dist/{index-CewBInzg.js.map → index-DtpsFHmC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CewBInzg.js","sources":["../../scaffold-ui/dist/esm/src/modal/w3m-router/styles.js","../../scaffold-ui/dist/esm/src/modal/w3m-router/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    --prev-height: 0px;\n    --new-height: 0px;\n    display: block;\n  }\n\n  div.w3m-router-container {\n    transform: translateY(0);\n    opacity: 1;\n  }\n\n  div.w3m-router-container[view-direction='prev'] {\n    animation:\n      slide-left-out 150ms forwards ease,\n      slide-left-in 150ms forwards ease;\n    animation-delay: 0ms, 200ms;\n  }\n\n  div.w3m-router-container[view-direction='next'] {\n    animation:\n      slide-right-out 150ms forwards ease,\n      slide-right-in 150ms forwards ease;\n    animation-delay: 0ms, 200ms;\n  }\n\n  @keyframes slide-left-out {\n    from {\n      transform: translateX(0px);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(10px);\n      opacity: 0;\n    }\n  }\n\n  @keyframes slide-left-in {\n    from {\n      transform: translateX(-10px);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slide-right-out {\n    from {\n      transform: translateX(0px);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(-10px);\n      opacity: 0;\n    }\n  }\n\n  @keyframes slide-right-in {\n    from {\n      transform: translateX(10px);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\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 { state } from 'lit/decorators.js';\nimport { RouterController, TooltipController } from '@reown/appkit-core';\nimport { customElement } from '@reown/appkit-ui';\nimport { ConstantsUtil } from '../../utils/ConstantsUtil.js';\nimport styles from './styles.js';\nlet W3mRouter = class W3mRouter extends LitElement {\n    constructor() {\n        super();\n        this.resizeObserver = undefined;\n        this.prevHeight = '0px';\n        this.prevHistoryLength = 1;\n        this.unsubscribe = [];\n        this.view = RouterController.state.view;\n        this.viewDirection = '';\n        this.unsubscribe.push(RouterController.subscribeKey('view', val => this.onViewChange(val)));\n    }\n    firstUpdated() {\n        this.resizeObserver = new ResizeObserver(([content]) => {\n            const height = `${content?.contentRect.height}px`;\n            if (this.prevHeight !== '0px') {\n                this.style.setProperty('--prev-height', this.prevHeight);\n                this.style.setProperty('--new-height', height);\n                this.style.animation = 'w3m-view-height 150ms forwards ease';\n                this.style.height = 'auto';\n            }\n            setTimeout(() => {\n                this.prevHeight = height;\n                this.style.animation = 'unset';\n            }, ConstantsUtil.ANIMATION_DURATIONS.ModalHeight);\n        });\n        this.resizeObserver.observe(this.getWrapper());\n    }\n    disconnectedCallback() {\n        this.resizeObserver?.unobserve(this.getWrapper());\n        this.unsubscribe.forEach(unsubscribe => unsubscribe());\n    }\n    render() {\n        return html `<div class=\"w3m-router-container\" view-direction=\"${this.viewDirection}\">\n      ${this.viewTemplate()}\n    </div>`;\n    }\n    viewTemplate() {\n        switch (this.view) {\n            case 'AccountSettings':\n                return html `<w3m-account-settings-view></w3m-account-settings-view>`;\n            case 'Account':\n                return html `<w3m-account-view></w3m-account-view>`;\n            case 'AllWallets':\n                return html `<w3m-all-wallets-view></w3m-all-wallets-view>`;\n            case 'ApproveTransaction':\n                return html `<w3m-approve-transaction-view></w3m-approve-transaction-view>`;\n            case 'BuyInProgress':\n                return html `<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;\n            case 'ChooseAccountName':\n                return html `<w3m-choose-account-name-view></w3m-choose-account-name-view>`;\n            case 'Connect':\n                return html `<w3m-connect-view></w3m-connect-view>`;\n            case 'Create':\n                return html `<w3m-connect-view walletGuide=\"explore\"></w3m-connect-view>`;\n            case 'ConnectingWalletConnect':\n                return html `<w3m-connecting-wc-view></w3m-connecting-wc-view>`;\n            case 'ConnectingWalletConnectBasic':\n                return html `<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;\n            case 'ConnectingExternal':\n                return html `<w3m-connecting-external-view></w3m-connecting-external-view>`;\n            case 'ConnectingSiwe':\n                return html `<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;\n            case 'ConnectWallets':\n                return html `<w3m-connect-wallets-view></w3m-connect-wallets-view>`;\n            case 'ConnectSocials':\n                return html `<w3m-connect-socials-view></w3m-connect-socials-view>`;\n            case 'ConnectingSocial':\n                return html `<w3m-connecting-social-view></w3m-connecting-social-view>`;\n            case 'Downloads':\n                return html `<w3m-downloads-view></w3m-downloads-view>`;\n            case 'EmailVerifyOtp':\n                return html `<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;\n            case 'EmailVerifyDevice':\n                return html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`;\n            case 'GetWallet':\n                return html `<w3m-get-wallet-view></w3m-get-wallet-view>`;\n            case 'Networks':\n                return html `<w3m-networks-view></w3m-networks-view>`;\n            case 'SwitchNetwork':\n                return html `<w3m-network-switch-view></w3m-network-switch-view>`;\n            case 'Profile':\n                return html `<w3m-profile-view></w3m-profile-view>`;\n            case 'SwitchAddress':\n                return html `<w3m-switch-address-view></w3m-switch-address-view>`;\n            case 'Transactions':\n                return html `<w3m-transactions-view></w3m-transactions-view>`;\n            case 'OnRampProviders':\n                return html `<w3m-onramp-providers-view></w3m-onramp-providers-view>`;\n            case 'OnRampActivity':\n                return html `<w3m-onramp-activity-view></w3m-onramp-activity-view>`;\n            case 'OnRampTokenSelect':\n                return html `<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;\n            case 'OnRampFiatSelect':\n                return html `<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;\n            case 'UpgradeEmailWallet':\n                return html `<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;\n            case 'UpdateEmailWallet':\n                return html `<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;\n            case 'UpdateEmailPrimaryOtp':\n                return html `<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;\n            case 'UpdateEmailSecondaryOtp':\n                return html `<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;\n            case 'UnsupportedChain':\n                return html `<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;\n            case 'Swap':\n                return html `<w3m-swap-view></w3m-swap-view>`;\n            case 'SwapSelectToken':\n                return html `<w3m-swap-select-token-view></w3m-swap-select-token-view>`;\n            case 'SwapPreview':\n                return html `<w3m-swap-preview-view></w3m-swap-preview-view>`;\n            case 'WalletSend':\n                return html `<w3m-wallet-send-view></w3m-wallet-send-view>`;\n            case 'WalletSendSelectToken':\n                return html `<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;\n            case 'WalletSendPreview':\n                return html `<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;\n            case 'WhatIsABuy':\n                return html `<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;\n            case 'WalletReceive':\n                return html `<w3m-wallet-receive-view></w3m-wallet-receive-view>`;\n            case 'WalletCompatibleNetworks':\n                return html `<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;\n            case 'WhatIsAWallet':\n                return html `<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;\n            case 'ConnectingMultiChain':\n                return html `<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;\n            case 'WhatIsANetwork':\n                return html `<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;\n            case 'ConnectingFarcaster':\n                return html `<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;\n            case 'SwitchActiveChain':\n                return html `<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;\n            case 'RegisterAccountName':\n                return html `<w3m-register-account-name-view></w3m-register-account-name-view>`;\n            case 'RegisterAccountNameSuccess':\n                return html `<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;\n            case 'SmartSessionCreated':\n                return html `<w3m-smart-session-created-view></w3m-smart-session-created-view>`;\n            case 'SmartSessionList':\n                return html `<w3m-smart-session-list-view></w3m-smart-session-list-view>`;\n            case 'SIWXSignMessage':\n                return html `<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;\n            default:\n                return html `<w3m-connect-view></w3m-connect-view>`;\n        }\n    }\n    onViewChange(newView) {\n        TooltipController.hide();\n        let direction = ConstantsUtil.VIEW_DIRECTION.Next;\n        const { history } = RouterController.state;\n        if (history.length < this.prevHistoryLength) {\n            direction = ConstantsUtil.VIEW_DIRECTION.Prev;\n        }\n        this.prevHistoryLength = history.length;\n        this.viewDirection = direction;\n        setTimeout(() => {\n            this.view = newView;\n        }, ConstantsUtil.ANIMATION_DURATIONS.ViewTransition);\n    }\n    getWrapper() {\n        return this.shadowRoot?.querySelector('div');\n    }\n};\nW3mRouter.styles = styles;\n__decorate([\n    state()\n], W3mRouter.prototype, \"view\", void 0);\n__decorate([\n    state()\n], W3mRouter.prototype, \"viewDirection\", void 0);\nW3mRouter = __decorate([\n    customElement('w3m-router')\n], W3mRouter);\nexport { W3mRouter };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","W3mRouter","LitElement","html","state"],"mappings":"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"}
+{"version":3,"file":"index-DtpsFHmC.js","sources":["../../scaffold-ui/dist/esm/src/modal/w3m-router/styles.js","../../scaffold-ui/dist/esm/src/modal/w3m-router/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    --prev-height: 0px;\n    --new-height: 0px;\n    display: block;\n  }\n\n  div.w3m-router-container {\n    transform: translateY(0);\n    opacity: 1;\n  }\n\n  div.w3m-router-container[view-direction='prev'] {\n    animation:\n      slide-left-out 150ms forwards ease,\n      slide-left-in 150ms forwards ease;\n    animation-delay: 0ms, 200ms;\n  }\n\n  div.w3m-router-container[view-direction='next'] {\n    animation:\n      slide-right-out 150ms forwards ease,\n      slide-right-in 150ms forwards ease;\n    animation-delay: 0ms, 200ms;\n  }\n\n  @keyframes slide-left-out {\n    from {\n      transform: translateX(0px);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(10px);\n      opacity: 0;\n    }\n  }\n\n  @keyframes slide-left-in {\n    from {\n      transform: translateX(-10px);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slide-right-out {\n    from {\n      transform: translateX(0px);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(-10px);\n      opacity: 0;\n    }\n  }\n\n  @keyframes slide-right-in {\n    from {\n      transform: translateX(10px);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\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 { state } from 'lit/decorators.js';\nimport { RouterController, TooltipController } from '@reown/appkit-core';\nimport { customElement } from '@reown/appkit-ui';\nimport { ConstantsUtil } from '../../utils/ConstantsUtil.js';\nimport styles from './styles.js';\nlet W3mRouter = class W3mRouter extends LitElement {\n    constructor() {\n        super();\n        this.resizeObserver = undefined;\n        this.prevHeight = '0px';\n        this.prevHistoryLength = 1;\n        this.unsubscribe = [];\n        this.view = RouterController.state.view;\n        this.viewDirection = '';\n        this.unsubscribe.push(RouterController.subscribeKey('view', val => this.onViewChange(val)));\n    }\n    firstUpdated() {\n        this.resizeObserver = new ResizeObserver(([content]) => {\n            const height = `${content?.contentRect.height}px`;\n            if (this.prevHeight !== '0px') {\n                this.style.setProperty('--prev-height', this.prevHeight);\n                this.style.setProperty('--new-height', height);\n                this.style.animation = 'w3m-view-height 150ms forwards ease';\n                this.style.height = 'auto';\n            }\n            setTimeout(() => {\n                this.prevHeight = height;\n                this.style.animation = 'unset';\n            }, ConstantsUtil.ANIMATION_DURATIONS.ModalHeight);\n        });\n        this.resizeObserver.observe(this.getWrapper());\n    }\n    disconnectedCallback() {\n        this.resizeObserver?.unobserve(this.getWrapper());\n        this.unsubscribe.forEach(unsubscribe => unsubscribe());\n    }\n    render() {\n        return html `<div class=\"w3m-router-container\" view-direction=\"${this.viewDirection}\">\n      ${this.viewTemplate()}\n    </div>`;\n    }\n    viewTemplate() {\n        switch (this.view) {\n            case 'AccountSettings':\n                return html `<w3m-account-settings-view></w3m-account-settings-view>`;\n            case 'Account':\n                return html `<w3m-account-view></w3m-account-view>`;\n            case 'AllWallets':\n                return html `<w3m-all-wallets-view></w3m-all-wallets-view>`;\n            case 'ApproveTransaction':\n                return html `<w3m-approve-transaction-view></w3m-approve-transaction-view>`;\n            case 'BuyInProgress':\n                return html `<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;\n            case 'ChooseAccountName':\n                return html `<w3m-choose-account-name-view></w3m-choose-account-name-view>`;\n            case 'Connect':\n                return html `<w3m-connect-view></w3m-connect-view>`;\n            case 'Create':\n                return html `<w3m-connect-view walletGuide=\"explore\"></w3m-connect-view>`;\n            case 'ConnectingWalletConnect':\n                return html `<w3m-connecting-wc-view></w3m-connecting-wc-view>`;\n            case 'ConnectingWalletConnectBasic':\n                return html `<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;\n            case 'ConnectingExternal':\n                return html `<w3m-connecting-external-view></w3m-connecting-external-view>`;\n            case 'ConnectingSiwe':\n                return html `<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;\n            case 'ConnectWallets':\n                return html `<w3m-connect-wallets-view></w3m-connect-wallets-view>`;\n            case 'ConnectSocials':\n                return html `<w3m-connect-socials-view></w3m-connect-socials-view>`;\n            case 'ConnectingSocial':\n                return html `<w3m-connecting-social-view></w3m-connecting-social-view>`;\n            case 'Downloads':\n                return html `<w3m-downloads-view></w3m-downloads-view>`;\n            case 'EmailVerifyOtp':\n                return html `<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;\n            case 'EmailVerifyDevice':\n                return html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`;\n            case 'GetWallet':\n                return html `<w3m-get-wallet-view></w3m-get-wallet-view>`;\n            case 'Networks':\n                return html `<w3m-networks-view></w3m-networks-view>`;\n            case 'SwitchNetwork':\n                return html `<w3m-network-switch-view></w3m-network-switch-view>`;\n            case 'Profile':\n                return html `<w3m-profile-view></w3m-profile-view>`;\n            case 'SwitchAddress':\n                return html `<w3m-switch-address-view></w3m-switch-address-view>`;\n            case 'Transactions':\n                return html `<w3m-transactions-view></w3m-transactions-view>`;\n            case 'OnRampProviders':\n                return html `<w3m-onramp-providers-view></w3m-onramp-providers-view>`;\n            case 'OnRampActivity':\n                return html `<w3m-onramp-activity-view></w3m-onramp-activity-view>`;\n            case 'OnRampTokenSelect':\n                return html `<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;\n            case 'OnRampFiatSelect':\n                return html `<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;\n            case 'UpgradeEmailWallet':\n                return html `<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;\n            case 'UpdateEmailWallet':\n                return html `<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;\n            case 'UpdateEmailPrimaryOtp':\n                return html `<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;\n            case 'UpdateEmailSecondaryOtp':\n                return html `<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;\n            case 'UnsupportedChain':\n                return html `<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;\n            case 'Swap':\n                return html `<w3m-swap-view></w3m-swap-view>`;\n            case 'SwapSelectToken':\n                return html `<w3m-swap-select-token-view></w3m-swap-select-token-view>`;\n            case 'SwapPreview':\n                return html `<w3m-swap-preview-view></w3m-swap-preview-view>`;\n            case 'WalletSend':\n                return html `<w3m-wallet-send-view></w3m-wallet-send-view>`;\n            case 'WalletSendSelectToken':\n                return html `<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;\n            case 'WalletSendPreview':\n                return html `<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;\n            case 'WhatIsABuy':\n                return html `<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;\n            case 'WalletReceive':\n                return html `<w3m-wallet-receive-view></w3m-wallet-receive-view>`;\n            case 'WalletCompatibleNetworks':\n                return html `<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;\n            case 'WhatIsAWallet':\n                return html `<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;\n            case 'ConnectingMultiChain':\n                return html `<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;\n            case 'WhatIsANetwork':\n                return html `<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;\n            case 'ConnectingFarcaster':\n                return html `<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;\n            case 'SwitchActiveChain':\n                return html `<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;\n            case 'RegisterAccountName':\n                return html `<w3m-register-account-name-view></w3m-register-account-name-view>`;\n            case 'RegisterAccountNameSuccess':\n                return html `<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;\n            case 'SmartSessionCreated':\n                return html `<w3m-smart-session-created-view></w3m-smart-session-created-view>`;\n            case 'SmartSessionList':\n                return html `<w3m-smart-session-list-view></w3m-smart-session-list-view>`;\n            case 'SIWXSignMessage':\n                return html `<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;\n            default:\n                return html `<w3m-connect-view></w3m-connect-view>`;\n        }\n    }\n    onViewChange(newView) {\n        TooltipController.hide();\n        let direction = ConstantsUtil.VIEW_DIRECTION.Next;\n        const { history } = RouterController.state;\n        if (history.length < this.prevHistoryLength) {\n            direction = ConstantsUtil.VIEW_DIRECTION.Prev;\n        }\n        this.prevHistoryLength = history.length;\n        this.viewDirection = direction;\n        setTimeout(() => {\n            this.view = newView;\n        }, ConstantsUtil.ANIMATION_DURATIONS.ViewTransition);\n    }\n    getWrapper() {\n        return this.shadowRoot?.querySelector('div');\n    }\n};\nW3mRouter.styles = styles;\n__decorate([\n    state()\n], W3mRouter.prototype, \"view\", void 0);\n__decorate([\n    state()\n], W3mRouter.prototype, \"viewDirection\", void 0);\nW3mRouter = __decorate([\n    customElement('w3m-router')\n], W3mRouter);\nexport { W3mRouter };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","W3mRouter","LitElement","html","state"],"mappings":"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"}

package/dist/{index-BbYzNK-e.js → index-L5MhmDPH.js}

@@ -1,5 +1,5 @@
-import { i, b as resetStyles, f as elementStyles, F as colorStyles, r, x } from "./appkit-hZyGLfr5.js";
-import { n, c as customElement } from "./if-defined-dGSnGaje.js";
+import { a as i, f as resetStyles, m as elementStyles, I as colorStyles, r, x } from "./appkit-CdqvngG9.js";
+import { n, c as customElement } from "./if-defined-D-8vNRJt.js";
 const styles$1 = i`
   button {
     border-radius: var(--local-border-radius);
@@ -156,4 +156,4 @@ __decorate([
 WuiTag = __decorate([
   customElement("wui-tag")
 ], WuiTag);
-//# sourceMappingURL=index-BbYzNK-e.js.map
+//# sourceMappingURL=index-L5MhmDPH.js.map

package/dist/{index-BbYzNK-e.js.map → index-L5MhmDPH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BbYzNK-e.js","sources":["../../ui/dist/esm/src/composites/wui-icon-link/styles.js","../../ui/dist/esm/src/composites/wui-icon-link/index.js","../../ui/dist/esm/src/composites/wui-tag/styles.js","../../ui/dist/esm/src/composites/wui-tag/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  button {\n    border-radius: var(--local-border-radius);\n    color: var(--wui-color-fg-100);\n    padding: var(--local-padding);\n  }\n\n  @media (max-width: 700px) {\n    button {\n      padding: var(--wui-spacing-s);\n    }\n  }\n\n  button > wui-icon {\n    pointer-events: none;\n  }\n\n  button:disabled > wui-icon {\n    color: var(--wui-color-bg-300) !important;\n  }\n\n  button:disabled {\n    background-color: transparent;\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 '../../components/wui-icon/index.js';\nimport { colorStyles, elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiIconLink = class WuiIconLink extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.size = 'md';\n        this.disabled = false;\n        this.icon = 'copy';\n        this.iconColor = 'inherit';\n    }\n    render() {\n        const borderRadius = this.size === 'lg' ? '--wui-border-radius-xs' : '--wui-border-radius-xxs';\n        const padding = this.size === 'lg' ? '--wui-spacing-1xs' : '--wui-spacing-2xs';\n        this.style.cssText = `\n    --local-border-radius: var(${borderRadius});\n    --local-padding: var(${padding});\n`;\n        return html `\n      <button ?disabled=${this.disabled}>\n        <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>\n      </button>\n    `;\n    }\n};\nWuiIconLink.styles = [resetStyles, elementStyles, colorStyles, styles];\n__decorate([\n    property()\n], WuiIconLink.prototype, \"size\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiIconLink.prototype, \"disabled\", void 0);\n__decorate([\n    property()\n], WuiIconLink.prototype, \"icon\", void 0);\n__decorate([\n    property()\n], WuiIconLink.prototype, \"iconColor\", void 0);\nWuiIconLink = __decorate([\n    customElement('wui-icon-link')\n], WuiIconLink);\nexport { WuiIconLink };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n  :host {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: var(--wui-spacing-m);\n    padding: 0 var(--wui-spacing-3xs) !important;\n    border-radius: var(--wui-border-radius-5xs);\n    transition:\n      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),\n      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);\n    will-change: border-radius, background-color;\n  }\n\n  :host > wui-text {\n    transform: translateY(5%);\n  }\n\n  :host([data-variant='main']) {\n    background-color: var(--wui-color-accent-glass-015);\n    color: var(--wui-color-accent-100);\n  }\n\n  :host([data-variant='shade']) {\n    background-color: var(--wui-color-gray-glass-010);\n    color: var(--wui-color-fg-200);\n  }\n\n  :host([data-variant='success']) {\n    background-color: var(--wui-icon-box-bg-success-100);\n    color: var(--wui-color-success-100);\n  }\n\n  :host([data-variant='error']) {\n    background-color: var(--wui-icon-box-bg-error-100);\n    color: var(--wui-color-error-100);\n  }\n\n  :host([data-size='lg']) {\n    padding: 11px 5px !important;\n  }\n\n  :host([data-size='lg']) > wui-text {\n    transform: translateY(2%);\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 '../../components/wui-text/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiTag = class WuiTag extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.variant = 'main';\n        this.size = 'lg';\n    }\n    render() {\n        this.dataset['variant'] = this.variant;\n        this.dataset['size'] = this.size;\n        const textVariant = this.size === 'md' ? 'mini-700' : 'micro-700';\n        return html `\n      <wui-text data-variant=${this.variant} variant=${textVariant} color=\"inherit\">\n        <slot></slot>\n      </wui-text>\n    `;\n    }\n};\nWuiTag.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiTag.prototype, \"variant\", void 0);\n__decorate([\n    property()\n], WuiTag.prototype, \"size\", void 0);\nWuiTag = __decorate([\n    customElement('wui-tag')\n], WuiTag);\nexport { WuiTag };\n//# sourceMappingURL=index.js.map"],"names":["css","__decorate","r","i","WuiIconLink","LitElement","html","styles","property","WuiTag"],"mappings":"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"}
+{"version":3,"file":"index-L5MhmDPH.js","sources":["../../ui/dist/esm/src/composites/wui-icon-link/styles.js","../../ui/dist/esm/src/composites/wui-icon-link/index.js","../../ui/dist/esm/src/composites/wui-tag/styles.js","../../ui/dist/esm/src/composites/wui-tag/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  button {\n    border-radius: var(--local-border-radius);\n    color: var(--wui-color-fg-100);\n    padding: var(--local-padding);\n  }\n\n  @media (max-width: 700px) {\n    button {\n      padding: var(--wui-spacing-s);\n    }\n  }\n\n  button > wui-icon {\n    pointer-events: none;\n  }\n\n  button:disabled > wui-icon {\n    color: var(--wui-color-bg-300) !important;\n  }\n\n  button:disabled {\n    background-color: transparent;\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 '../../components/wui-icon/index.js';\nimport { colorStyles, elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiIconLink = class WuiIconLink extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.size = 'md';\n        this.disabled = false;\n        this.icon = 'copy';\n        this.iconColor = 'inherit';\n    }\n    render() {\n        const borderRadius = this.size === 'lg' ? '--wui-border-radius-xs' : '--wui-border-radius-xxs';\n        const padding = this.size === 'lg' ? '--wui-spacing-1xs' : '--wui-spacing-2xs';\n        this.style.cssText = `\n    --local-border-radius: var(${borderRadius});\n    --local-padding: var(${padding});\n`;\n        return html `\n      <button ?disabled=${this.disabled}>\n        <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>\n      </button>\n    `;\n    }\n};\nWuiIconLink.styles = [resetStyles, elementStyles, colorStyles, styles];\n__decorate([\n    property()\n], WuiIconLink.prototype, \"size\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiIconLink.prototype, \"disabled\", void 0);\n__decorate([\n    property()\n], WuiIconLink.prototype, \"icon\", void 0);\n__decorate([\n    property()\n], WuiIconLink.prototype, \"iconColor\", void 0);\nWuiIconLink = __decorate([\n    customElement('wui-icon-link')\n], WuiIconLink);\nexport { WuiIconLink };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n  :host {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: var(--wui-spacing-m);\n    padding: 0 var(--wui-spacing-3xs) !important;\n    border-radius: var(--wui-border-radius-5xs);\n    transition:\n      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),\n      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);\n    will-change: border-radius, background-color;\n  }\n\n  :host > wui-text {\n    transform: translateY(5%);\n  }\n\n  :host([data-variant='main']) {\n    background-color: var(--wui-color-accent-glass-015);\n    color: var(--wui-color-accent-100);\n  }\n\n  :host([data-variant='shade']) {\n    background-color: var(--wui-color-gray-glass-010);\n    color: var(--wui-color-fg-200);\n  }\n\n  :host([data-variant='success']) {\n    background-color: var(--wui-icon-box-bg-success-100);\n    color: var(--wui-color-success-100);\n  }\n\n  :host([data-variant='error']) {\n    background-color: var(--wui-icon-box-bg-error-100);\n    color: var(--wui-color-error-100);\n  }\n\n  :host([data-size='lg']) {\n    padding: 11px 5px !important;\n  }\n\n  :host([data-size='lg']) > wui-text {\n    transform: translateY(2%);\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 '../../components/wui-text/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiTag = class WuiTag extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.variant = 'main';\n        this.size = 'lg';\n    }\n    render() {\n        this.dataset['variant'] = this.variant;\n        this.dataset['size'] = this.size;\n        const textVariant = this.size === 'md' ? 'mini-700' : 'micro-700';\n        return html `\n      <wui-text data-variant=${this.variant} variant=${textVariant} color=\"inherit\">\n        <slot></slot>\n      </wui-text>\n    `;\n    }\n};\nWuiTag.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiTag.prototype, \"variant\", void 0);\n__decorate([\n    property()\n], WuiTag.prototype, \"size\", void 0);\nWuiTag = __decorate([\n    customElement('wui-tag')\n], WuiTag);\nexport { WuiTag };\n//# sourceMappingURL=index.js.map"],"names":["css","__decorate","r","i","WuiIconLink","LitElement","html","styles","property","WuiTag"],"mappings":"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"}

package/dist/{index-BgPMLnwu.js → index-NLlOtCU-.js}

@@ -1,5 +1,5 @@
-import { i, b as resetStyles, F as colorStyles, r, x } from "./appkit-hZyGLfr5.js";
-import { n, c as customElement } from "./if-defined-dGSnGaje.js";
+import { a as i, f as resetStyles, I as colorStyles, r, x } from "./appkit-CdqvngG9.js";
+import { n, c as customElement } from "./if-defined-D-8vNRJt.js";
 const styles = i`
   :host {
     display: block;
@@ -57,4 +57,4 @@ __decorate([
 WuiImage = __decorate([
   customElement("wui-image")
 ], WuiImage);
-//# sourceMappingURL=index-BgPMLnwu.js.map
+//# sourceMappingURL=index-NLlOtCU-.js.map

package/dist/{index-BgPMLnwu.js.map → index-NLlOtCU-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BgPMLnwu.js","sources":["../../ui/dist/esm/src/components/wui-image/styles.js","../../ui/dist/esm/src/components/wui-image/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    display: block;\n    width: var(--local-width);\n    height: var(--local-height);\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center center;\n    border-radius: inherit;\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 { colorStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiImage = class WuiImage extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.src = './path/to/image.jpg';\n        this.alt = 'Image';\n        this.size = undefined;\n    }\n    render() {\n        this.style.cssText = `\n      --local-width: ${this.size ? `var(--wui-icon-size-${this.size});` : '100%'};\n      --local-height: ${this.size ? `var(--wui-icon-size-${this.size});` : '100%'};\n      `;\n        return html `<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`;\n    }\n    handleImageError() {\n        this.dispatchEvent(new CustomEvent('onLoadError', { bubbles: true, composed: true }));\n    }\n};\nWuiImage.styles = [resetStyles, colorStyles, styles];\n__decorate([\n    property()\n], WuiImage.prototype, \"src\", void 0);\n__decorate([\n    property()\n], WuiImage.prototype, \"alt\", void 0);\n__decorate([\n    property()\n], WuiImage.prototype, \"size\", void 0);\nWuiImage = __decorate([\n    customElement('wui-image')\n], WuiImage);\nexport { WuiImage };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","WuiImage","LitElement","html","property"],"mappings":";;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQC,KAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa;AAAY,IAAAA,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA;AACxH,aAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA;AAAK,UAAI,IAAI,WAAWA,EAAC;AAAG,QAAAD,MAAK,IAAI,IAAI,EAAEA,EAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAKA,EAAC,IAAI,EAAE,QAAQ,GAAG,MAAMA;AAChJ,SAAO,IAAI,KAAKA,MAAK,OAAO,eAAe,QAAQ,KAAKA,EAAC,GAAGA;AAChE;AAMA,IAAI,WAAW,MAAME,kBAAiBC,EAAW;AAAA,EAC7C,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,MAAM;AACX,SAAK,MAAM;AACX,SAAK,OAAO;AAAA,EACpB;AAAA,EACI,SAAS;AACL,SAAK,MAAM,UAAU;AAAA,uBACN,KAAK,OAAO,uBAAuB,KAAK,IAAI,OAAO,MAAM;AAAA,wBACxD,KAAK,OAAO,uBAAuB,KAAK,IAAI,OAAO,MAAM;AAAA;AAEzE,WAAOC,aAAiB,KAAK,GAAG,QAAQ,KAAK,GAAG,WAAW,KAAK,gBAAgB;AAAA,EACxF;AAAA,EACI,mBAAmB;AACf,SAAK,cAAc,IAAI,YAAY,eAAe,EAAE,SAAS,MAAM,UAAU,KAAI,CAAE,CAAC;AAAA,EAC5F;AACA;AACA,SAAS,SAAS,CAAC,aAAa,aAAa,MAAM;AACnD,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,SAAS,WAAW,OAAO,MAAM;AACpC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,SAAS,WAAW,OAAO,MAAM;AACpC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,SAAS,WAAW,QAAQ,MAAM;AACrC,WAAW,WAAW;AAAA,EAClB,cAAc,WAAW;AAC7B,GAAG,QAAQ;"}
+{"version":3,"file":"index-NLlOtCU-.js","sources":["../../ui/dist/esm/src/components/wui-image/styles.js","../../ui/dist/esm/src/components/wui-image/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    display: block;\n    width: var(--local-width);\n    height: var(--local-height);\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center center;\n    border-radius: inherit;\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 { colorStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiImage = class WuiImage extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.src = './path/to/image.jpg';\n        this.alt = 'Image';\n        this.size = undefined;\n    }\n    render() {\n        this.style.cssText = `\n      --local-width: ${this.size ? `var(--wui-icon-size-${this.size});` : '100%'};\n      --local-height: ${this.size ? `var(--wui-icon-size-${this.size});` : '100%'};\n      `;\n        return html `<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`;\n    }\n    handleImageError() {\n        this.dispatchEvent(new CustomEvent('onLoadError', { bubbles: true, composed: true }));\n    }\n};\nWuiImage.styles = [resetStyles, colorStyles, styles];\n__decorate([\n    property()\n], WuiImage.prototype, \"src\", void 0);\n__decorate([\n    property()\n], WuiImage.prototype, \"alt\", void 0);\n__decorate([\n    property()\n], WuiImage.prototype, \"size\", void 0);\nWuiImage = __decorate([\n    customElement('wui-image')\n], WuiImage);\nexport { WuiImage };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","WuiImage","LitElement","html","property"],"mappings":";;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQC,KAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa;AAAY,IAAAA,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA;AACxH,aAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA;AAAK,UAAI,IAAI,WAAWA,EAAC;AAAG,QAAAD,MAAK,IAAI,IAAI,EAAEA,EAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAKA,EAAC,IAAI,EAAE,QAAQ,GAAG,MAAMA;AAChJ,SAAO,IAAI,KAAKA,MAAK,OAAO,eAAe,QAAQ,KAAKA,EAAC,GAAGA;AAChE;AAMA,IAAI,WAAW,MAAME,kBAAiBC,EAAW;AAAA,EAC7C,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,MAAM;AACX,SAAK,MAAM;AACX,SAAK,OAAO;AAAA,EACpB;AAAA,EACI,SAAS;AACL,SAAK,MAAM,UAAU;AAAA,uBACN,KAAK,OAAO,uBAAuB,KAAK,IAAI,OAAO,MAAM;AAAA,wBACxD,KAAK,OAAO,uBAAuB,KAAK,IAAI,OAAO,MAAM;AAAA;AAEzE,WAAOC,aAAiB,KAAK,GAAG,QAAQ,KAAK,GAAG,WAAW,KAAK,gBAAgB;AAAA,EACxF;AAAA,EACI,mBAAmB;AACf,SAAK,cAAc,IAAI,YAAY,eAAe,EAAE,SAAS,MAAM,UAAU,KAAI,CAAE,CAAC;AAAA,EAC5F;AACA;AACA,SAAS,SAAS,CAAC,aAAa,aAAa,MAAM;AACnD,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,SAAS,WAAW,OAAO,MAAM;AACpC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,SAAS,WAAW,OAAO,MAAM;AACpC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,SAAS,WAAW,QAAQ,MAAM;AACrC,WAAW,WAAW;AAAA,EAClB,cAAc,WAAW;AAC7B,GAAG,QAAQ;"}

package/dist/{index-C4H1nkXm.js → index-gEda8IHF.js}

@@ -1,5 +1,5 @@
-import { i, r, x } from "./appkit-hZyGLfr5.js";
-import { n, c as customElement } from "./if-defined-dGSnGaje.js";
+import { a as i, r, x } from "./appkit-CdqvngG9.js";
+import { n, c as customElement } from "./if-defined-D-8vNRJt.js";
 const styles = i`
   :host {
     display: block;
@@ -84,4 +84,4 @@ __decorate([
 WuiShimmer = __decorate([
   customElement("wui-shimmer")
 ], WuiShimmer);
-//# sourceMappingURL=index-C4H1nkXm.js.map
+//# sourceMappingURL=index-gEda8IHF.js.map

package/dist/{index-C4H1nkXm.js.map → index-gEda8IHF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-C4H1nkXm.js","sources":["../../ui/dist/esm/src/components/wui-shimmer/styles.js","../../ui/dist/esm/src/components/wui-shimmer/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    display: block;\n    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);\n    background: linear-gradient(\n      120deg,\n      var(--wui-color-bg-200) 5%,\n      var(--wui-color-bg-200) 48%,\n      var(--wui-color-bg-300) 55%,\n      var(--wui-color-bg-300) 60%,\n      var(--wui-color-bg-300) calc(60% + 10px),\n      var(--wui-color-bg-200) calc(60% + 12px),\n      var(--wui-color-bg-200) 100%\n    );\n    background-size: 250%;\n    animation: shimmer 3s linear infinite reverse;\n  }\n\n  :host([variant='light']) {\n    background: linear-gradient(\n      120deg,\n      var(--wui-color-bg-150) 5%,\n      var(--wui-color-bg-150) 48%,\n      var(--wui-color-bg-200) 55%,\n      var(--wui-color-bg-200) 60%,\n      var(--wui-color-bg-200) calc(60% + 10px),\n      var(--wui-color-bg-150) calc(60% + 12px),\n      var(--wui-color-bg-150) 100%\n    );\n    background-size: 250%;\n  }\n\n  @keyframes shimmer {\n    from {\n      background-position: -250% 0;\n    }\n    to {\n      background-position: 250% 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.borderRadius = 'm';\n        this.variant = 'default';\n    }\n    render() {\n        this.style.cssText = `\n      width: ${this.width};\n      height: ${this.height};\n      border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};\n    `;\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, \"borderRadius\", void 0);\n__decorate([\n    property()\n], WuiShimmer.prototype, \"variant\", void 0);\nWuiShimmer = __decorate([\n    customElement('wui-shimmer')\n], WuiShimmer);\nexport { WuiShimmer };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","WuiShimmer","LitElement","html","property"],"mappings":";;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQC,KAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa;AAAY,IAAAA,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA;AACxH,aAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA;AAAK,UAAI,IAAI,WAAWA,EAAC;AAAG,QAAAD,MAAK,IAAI,IAAI,EAAEA,EAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAKA,EAAC,IAAI,EAAE,QAAQ,GAAG,MAAMA;AAChJ,SAAO,IAAI,KAAKA,MAAK,OAAO,eAAe,QAAQ,KAAKA,EAAC,GAAGA;AAChE;AAKA,IAAI,aAAa,MAAME,oBAAmBC,EAAW;AAAA,EACjD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,QAAQ;AACb,SAAK,SAAS;AACd,SAAK,eAAe;AACpB,SAAK,UAAU;AAAA,EACvB;AAAA,EACI,SAAS;AACL,SAAK,MAAM,UAAU;AAAA,eACd,KAAK,KAAK;AAAA,gBACT,KAAK,MAAM;AAAA,uBACJ,qCAAqC,KAAK,YAAY,UAAU;AAAA;AAE/E,WAAOC;AAAAA,EACf;AACA;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,gBAAgB,MAAM;AAC/C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,WAAW,WAAW,WAAW,MAAM;AAC1C,aAAa,WAAW;AAAA,EACpB,cAAc,aAAa;AAC/B,GAAG,UAAU;"}
+{"version":3,"file":"index-gEda8IHF.js","sources":["../../ui/dist/esm/src/components/wui-shimmer/styles.js","../../ui/dist/esm/src/components/wui-shimmer/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    display: block;\n    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);\n    background: linear-gradient(\n      120deg,\n      var(--wui-color-bg-200) 5%,\n      var(--wui-color-bg-200) 48%,\n      var(--wui-color-bg-300) 55%,\n      var(--wui-color-bg-300) 60%,\n      var(--wui-color-bg-300) calc(60% + 10px),\n      var(--wui-color-bg-200) calc(60% + 12px),\n      var(--wui-color-bg-200) 100%\n    );\n    background-size: 250%;\n    animation: shimmer 3s linear infinite reverse;\n  }\n\n  :host([variant='light']) {\n    background: linear-gradient(\n      120deg,\n      var(--wui-color-bg-150) 5%,\n      var(--wui-color-bg-150) 48%,\n      var(--wui-color-bg-200) 55%,\n      var(--wui-color-bg-200) 60%,\n      var(--wui-color-bg-200) calc(60% + 10px),\n      var(--wui-color-bg-150) calc(60% + 12px),\n      var(--wui-color-bg-150) 100%\n    );\n    background-size: 250%;\n  }\n\n  @keyframes shimmer {\n    from {\n      background-position: -250% 0;\n    }\n    to {\n      background-position: 250% 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.borderRadius = 'm';\n        this.variant = 'default';\n    }\n    render() {\n        this.style.cssText = `\n      width: ${this.width};\n      height: ${this.height};\n      border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};\n    `;\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, \"borderRadius\", void 0);\n__decorate([\n    property()\n], WuiShimmer.prototype, \"variant\", void 0);\nWuiShimmer = __decorate([\n    customElement('wui-shimmer')\n], WuiShimmer);\nexport { WuiShimmer };\n//# sourceMappingURL=index.js.map"],"names":["css","r","i","WuiShimmer","LitElement","html","property"],"mappings":";;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQC,KAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa;AAAY,IAAAA,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA;AACxH,aAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA;AAAK,UAAI,IAAI,WAAWA,EAAC;AAAG,QAAAD,MAAK,IAAI,IAAI,EAAEA,EAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAKA,EAAC,IAAI,EAAE,QAAQ,GAAG,MAAMA;AAChJ,SAAO,IAAI,KAAKA,MAAK,OAAO,eAAe,QAAQ,KAAKA,EAAC,GAAGA;AAChE;AAKA,IAAI,aAAa,MAAME,oBAAmBC,EAAW;AAAA,EACjD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,QAAQ;AACb,SAAK,SAAS;AACd,SAAK,eAAe;AACpB,SAAK,UAAU;AAAA,EACvB;AAAA,EACI,SAAS;AACL,SAAK,MAAM,UAAU;AAAA,eACd,KAAK,KAAK;AAAA,gBACT,KAAK,MAAM;AAAA,uBACJ,qCAAqC,KAAK,YAAY,UAAU;AAAA;AAE/E,WAAOC;AAAAA,EACf;AACA;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,gBAAgB,MAAM;AAC/C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,WAAW,WAAW,WAAW,MAAM;AAC1C,aAAa,WAAW;AAAA,EACpB,cAAc,aAAa;AAC/B,GAAG,UAAU;"}

package/dist/{index-DAEKpLXx.js → index-iyYKZca6.js}

@@ -1,9 +1,9 @@
-import { i, r, x, b as resetStyles, j as ChainController, y as TransactionsController, d as CoreHelperUtil, R as RouterController, e as EventsController, A as AccountController, W as W3mFrameRpcConstants, D as DateUtil, O as OptionsController } from "./appkit-hZyGLfr5.js";
-import { n, c as customElement, o, r as r$1 } from "./if-defined-dGSnGaje.js";
-import { T as TransactionUtil } from "./index-DiAf99cR.js";
-import "./index-WNHJ5PXY.js";
-import "./index-DFatup-x.js";
-import "./index-BgPMLnwu.js";
+import { a as i, r, x, f as resetStyles, p as ChainController, D as TransactionsController, j as CoreHelperUtil, R as RouterController, k as EventsController, A as AccountController, W as W3mFrameRpcConstants, G as DateUtil, O as OptionsController } from "./appkit-CdqvngG9.js";
+import { n, c as customElement, o, r as r$1 } from "./if-defined-D-8vNRJt.js";
+import { T as TransactionUtil } from "./index-DFR_Im5v.js";
+import "./index-BabqLvZG.js";
+import "./index-CBYMZFJJ.js";
+import "./index-NLlOtCU-.js";
 var TransactionTypePastTense;
 (function(TransactionTypePastTense2) {
   TransactionTypePastTense2["approve"] = "approved";
@@ -688,4 +688,4 @@ __decorate([
 W3mActivityList = __decorate([
   customElement("w3m-activity-list")
 ], W3mActivityList);
-//# sourceMappingURL=index-DAEKpLXx.js.map
+//# sourceMappingURL=index-iyYKZca6.js.map