@reown/appkit-cdn 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/index-qKPbj0fN.js

@@ -0,0 +1,147 @@
+import { l as b, m as css, r as resetStyles, o as i, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+import "./index-BgqBk_dY.js";
+const networkSvgLg = b`<svg width="86" height="96" fill="none">
+  <path
+    d="M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z"
+  />
+</svg>`;
+const networkSvgMd = b`<svg  viewBox="0 0 48 54" fill="none">
+  <path
+    d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z"
+  />
+</svg>`;
+const networkSvgSm = b`
+  <svg fill="none" viewBox="0 0 36 40">
+    <path
+      d="M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z"
+    />
+  </svg>
+`;
+const styles = css`
+  :host {
+    position: relative;
+    border-radius: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  :host([data-round='true']) {
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: 100%;
+    outline: 1px solid ${({ tokens }) => tokens.core.glass010};
+  }
+
+  svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+  }
+
+  svg > path {
+    stroke: var(--local-stroke);
+  }
+
+  wui-image {
+    width: 100%;
+    height: 100%;
+    -webkit-clip-path: var(--local-path);
+    clip-path: var(--local-path);
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  wui-icon {
+    transform: translateY(-5%);
+    width: var(--local-icon-size);
+    height: var(--local-icon-size);
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiNetworkImage = class WuiNetworkImage2 extends i {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.name = "uknown";
+    this.networkImagesBySize = {
+      sm: networkSvgSm,
+      md: networkSvgMd,
+      lg: networkSvgLg
+    };
+    this.selected = false;
+    this.round = false;
+  }
+  render() {
+    const getSize = {
+      sm: "4",
+      md: "6",
+      lg: "10"
+    };
+    if (this.round) {
+      this.dataset["round"] = "true";
+      this.style.cssText = `
+      --local-width: var(--apkt-spacing-10);
+      --local-height: var(--apkt-spacing-10);
+      --local-icon-size: var(--apkt-spacing-4);
+    `;
+    } else {
+      this.style.cssText = `
+
+      --local-path: var(--apkt-path-network-${this.size});
+      --local-width:  var(--apkt-width-network-${this.size});
+      --local-height:  var(--apkt-height-network-${this.size});
+      --local-icon-size:  var(--apkt-spacing-${getSize[this.size]});
+    `;
+    }
+    return x`${this.templateVisual()} ${this.svgTemplate()} `;
+  }
+  svgTemplate() {
+    if (this.round) {
+      return null;
+    }
+    return this.networkImagesBySize[this.size];
+  }
+  templateVisual() {
+    if (this.imageSrc) {
+      return x`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;
+    }
+    return x`<wui-icon size="inherit" color="default" name="networkPlaceholder"></wui-icon>`;
+  }
+};
+WuiNetworkImage.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiNetworkImage.prototype, "size", void 0);
+__decorate([
+  n()
+], WuiNetworkImage.prototype, "name", void 0);
+__decorate([
+  n({ type: Object })
+], WuiNetworkImage.prototype, "networkImagesBySize", void 0);
+__decorate([
+  n()
+], WuiNetworkImage.prototype, "imageSrc", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiNetworkImage.prototype, "selected", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiNetworkImage.prototype, "round", void 0);
+WuiNetworkImage = __decorate([
+  customElement("wui-network-image")
+], WuiNetworkImage);
+export {
+  networkSvgMd as n
+};
+//# sourceMappingURL=index-qKPbj0fN.js.map

package/dist/index-qKPbj0fN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-qKPbj0fN.js","sources":["../../ui/dist/esm/src/assets/svg/networkLg.js","../../ui/dist/esm/src/assets/svg/networkMd.js","../../ui/dist/esm/src/assets/svg/networkSm.js","../../ui/dist/esm/src/composites/wui-network-image/styles.js","../../ui/dist/esm/src/composites/wui-network-image/index.js"],"sourcesContent":["import { svg } from 'lit';\nexport const networkSvgLg = svg `<svg width=\"86\" height=\"96\" fill=\"none\">\n  <path\n    d=\"M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z\"\n  />\n</svg>`;\n//# sourceMappingURL=networkLg.js.map","import { svg } from 'lit';\nexport const networkSvgMd = svg `<svg  viewBox=\"0 0 48 54\" fill=\"none\">\n  <path\n    d=\"M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z\"\n  />\n</svg>`;\n//# sourceMappingURL=networkMd.js.map","import { svg } from 'lit';\nexport const networkSvgSm = svg `\n  <svg fill=\"none\" viewBox=\"0 0 36 40\">\n    <path\n      d=\"M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z\"\n    />\n  </svg>\n`;\n//# sourceMappingURL=networkSm.js.map","import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    border-radius: inherit;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: var(--local-width);\n    height: var(--local-height);\n  }\n\n  :host([data-round='true']) {\n    background: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    border-radius: 100%;\n    outline: 1px solid ${({ tokens }) => tokens.core.glass010};\n  }\n\n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  svg > path {\n    stroke: var(--local-stroke);\n  }\n\n  wui-image {\n    width: 100%;\n    height: 100%;\n    -webkit-clip-path: var(--local-path);\n    clip-path: var(--local-path);\n    background: ${({ tokens }) => tokens.theme.foregroundPrimary};\n  }\n\n  wui-icon {\n    transform: translateY(-5%);\n    width: var(--local-icon-size);\n    height: var(--local-icon-size);\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 { networkSvgLg } from '../../assets/svg/networkLg.js';\nimport { networkSvgMd } from '../../assets/svg/networkMd.js';\nimport { networkSvgSm } from '../../assets/svg/networkSm.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-image/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiNetworkImage = class WuiNetworkImage extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.size = 'md';\n        this.name = 'uknown';\n        this.networkImagesBySize = {\n            sm: networkSvgSm,\n            md: networkSvgMd,\n            lg: networkSvgLg\n        };\n        this.selected = false;\n        this.round = false;\n    }\n    render() {\n        const getSize = {\n            sm: '4',\n            md: '6',\n            lg: '10'\n        };\n        if (this.round) {\n            this.dataset['round'] = 'true';\n            this.style.cssText = `\n      --local-width: var(--apkt-spacing-10);\n      --local-height: var(--apkt-spacing-10);\n      --local-icon-size: var(--apkt-spacing-4);\n    `;\n        }\n        else {\n            this.style.cssText = `\n\n      --local-path: var(--apkt-path-network-${this.size});\n      --local-width:  var(--apkt-width-network-${this.size});\n      --local-height:  var(--apkt-height-network-${this.size});\n      --local-icon-size:  var(--apkt-spacing-${getSize[this.size]});\n    `;\n        }\n        return html `${this.templateVisual()} ${this.svgTemplate()} `;\n    }\n    svgTemplate() {\n        if (this.round) {\n            return null;\n        }\n        return this.networkImagesBySize[this.size];\n    }\n    templateVisual() {\n        if (this.imageSrc) {\n            return html `<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;\n        }\n        return html `<wui-icon size=\"inherit\" color=\"default\" name=\"networkPlaceholder\"></wui-icon>`;\n    }\n};\nWuiNetworkImage.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiNetworkImage.prototype, \"size\", void 0);\n__decorate([\n    property()\n], WuiNetworkImage.prototype, \"name\", void 0);\n__decorate([\n    property({ type: Object })\n], WuiNetworkImage.prototype, \"networkImagesBySize\", void 0);\n__decorate([\n    property()\n], WuiNetworkImage.prototype, \"imageSrc\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiNetworkImage.prototype, \"selected\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiNetworkImage.prototype, \"round\", void 0);\nWuiNetworkImage = __decorate([\n    customElement('wui-network-image')\n], WuiNetworkImage);\nexport { WuiNetworkImage };\n//# sourceMappingURL=index.js.map"],"names":["svg","i","WuiNetworkImage","LitElement","html","property"],"mappings":"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"}

package/dist/index-vbfIJzga.js

@@ -0,0 +1,182 @@
+import { w as withErrorBoundary, p as proxy, s as subscribeKey, i as subscribe, m as css, o as i, x } from "./appkit-BelUXm_6.js";
+import { r } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+const state = proxy({
+  message: "",
+  open: false,
+  triggerRect: {
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  },
+  variant: "shade"
+});
+const controller = {
+  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
+    };
+  }
+};
+const TooltipController = withErrorBoundary(controller);
+const styles = css`
+  :host {
+    pointer-events: none;
+  }
+
+  :host > wui-flex {
+    display: var(--w3m-tooltip-display);
+    opacity: var(--w3m-tooltip-opacity);
+    padding: 9px ${({ spacing }) => spacing["3"]} 10px ${({ spacing }) => spacing["3"]};
+    border-radius: ${({ borderRadius }) => borderRadius["3"]};
+    color: ${({ tokens }) => tokens.theme.backgroundPrimary};
+    position: absolute;
+    top: var(--w3m-tooltip-top);
+    left: var(--w3m-tooltip-left);
+    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
+    max-width: calc(var(--apkt-modal-width) - ${({ spacing }) => spacing["5"]});
+    transition: opacity ${({ durations }) => durations["lg"]}
+      ${({ easings }) => easings["ease-out-power-2"]};
+    will-change: opacity;
+    opacity: 0;
+    animation-duration: ${({ durations }) => durations["xl"]};
+    animation-timing-function: ${({ easings }) => easings["ease-out-power-2"]};
+    animation-name: fade-in;
+    animation-fill-mode: forwards;
+  }
+
+  :host([data-variant='shade']) > wui-flex {
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  :host([data-variant='shade']) > wui-flex > wui-text {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  :host([data-variant='fill']) > wui-flex {
+    background-color: ${({ tokens }) => tokens.theme.textPrimary};
+    border: none;
+  }
+
+  wui-icon {
+    position: absolute;
+    width: 12px !important;
+    height: 4px !important;
+    color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  wui-icon[data-placement='top'] {
+    bottom: 0px;
+    left: 50%;
+    transform: translate(-50%, 95%);
+  }
+
+  wui-icon[data-placement='bottom'] {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -95%) rotate(180deg);
+  }
+
+  wui-icon[data-placement='right'] {
+    top: 50%;
+    left: 0;
+    transform: translate(-65%, -50%) rotate(90deg);
+  }
+
+  wui-icon[data-placement='left'] {
+    top: 50%;
+    right: 0%;
+    transform: translate(65%, -50%) rotate(270deg);
+  }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let W3mTooltip = class W3mTooltip2 extends i {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.open = TooltipController.state.open;
+    this.message = TooltipController.state.message;
+    this.triggerRect = TooltipController.state.triggerRect;
+    this.variant = TooltipController.state.variant;
+    this.unsubscribe.push(...[
+      TooltipController.subscribe((newState) => {
+        this.open = newState.open;
+        this.message = newState.message;
+        this.triggerRect = newState.triggerRect;
+        this.variant = newState.variant;
+      })
+    ]);
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    this.dataset["variant"] = this.variant;
+    const topValue = this.triggerRect.top;
+    const leftValue = this.triggerRect.left;
+    this.style.cssText = `
+    --w3m-tooltip-top: ${topValue}px;
+    --w3m-tooltip-left: ${leftValue}px;
+    --w3m-tooltip-parent-width: ${this.triggerRect.width / 2}px;
+    --w3m-tooltip-display: ${this.open ? "flex" : "none"};
+    --w3m-tooltip-opacity: ${this.open ? 1 : 0};
+    `;
+    return x`<wui-flex>
+      <wui-icon data-placement="top" size="inherit" name="cursor"></wui-icon>
+      <wui-text color="primary" variant="sm-regular">${this.message}</wui-text>
+    </wui-flex>`;
+  }
+};
+W3mTooltip.styles = [styles];
+__decorate([
+  r()
+], W3mTooltip.prototype, "open", void 0);
+__decorate([
+  r()
+], W3mTooltip.prototype, "message", void 0);
+__decorate([
+  r()
+], W3mTooltip.prototype, "triggerRect", void 0);
+__decorate([
+  r()
+], W3mTooltip.prototype, "variant", void 0);
+W3mTooltip = __decorate([
+  customElement("w3m-tooltip")
+], W3mTooltip);
+export {
+  TooltipController as T
+};
+//# sourceMappingURL=index-vbfIJzga.js.map

package/dist/index-vbfIJzga.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-vbfIJzga.js","sources":["../../controllers/dist/esm/src/controllers/TooltipController.js","../../scaffold-ui/dist/esm/src/partials/w3m-tooltip/styles.js","../../scaffold-ui/dist/esm/src/partials/w3m-tooltip/index.js"],"sourcesContent":["import { proxy, subscribe as sub } from 'valtio/vanilla';\nimport { subscribeKey as subKey } from 'valtio/vanilla/utils';\nimport { withErrorBoundary } from '../utils/withErrorBoundary.js';\n// -- State --------------------------------------------- //\nconst state = proxy({\n    message: '',\n    open: false,\n    triggerRect: {\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0\n    },\n    variant: 'shade'\n});\n// -- Controller ---------------------------------------- //\nconst controller = {\n    state,\n    subscribe(callback) {\n        return sub(state, () => callback(state));\n    },\n    subscribeKey(key, callback) {\n        return subKey(state, key, callback);\n    },\n    showTooltip({ message, triggerRect, variant }) {\n        state.open = true;\n        state.message = message;\n        state.triggerRect = triggerRect;\n        state.variant = variant;\n    },\n    hide() {\n        state.open = false;\n        state.message = '';\n        state.triggerRect = {\n            width: 0,\n            height: 0,\n            top: 0,\n            left: 0\n        };\n    }\n};\n// Export the controller wrapped with our error boundary\nexport const TooltipController = withErrorBoundary(controller);\n//# sourceMappingURL=TooltipController.js.map","import { css } from '@reown/appkit-ui';\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 ${({ spacing }) => spacing['3']} 10px ${({ spacing }) => spacing['3']};\n    border-radius: ${({ borderRadius }) => borderRadius['3']};\n    color: ${({ tokens }) => tokens.theme.backgroundPrimary};\n    position: absolute;\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(--apkt-modal-width) - ${({ spacing }) => spacing['5']});\n    transition: opacity ${({ durations }) => durations['lg']}\n      ${({ easings }) => easings['ease-out-power-2']};\n    will-change: opacity;\n    opacity: 0;\n    animation-duration: ${({ durations }) => durations['xl']};\n    animation-timing-function: ${({ easings }) => easings['ease-out-power-2']};\n    animation-name: fade-in;\n    animation-fill-mode: forwards;\n  }\n\n  :host([data-variant='shade']) > wui-flex {\n    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n  }\n\n  :host([data-variant='shade']) > wui-flex > wui-text {\n    color: ${({ tokens }) => tokens.theme.textSecondary};\n  }\n\n  :host([data-variant='fill']) > wui-flex {\n    background-color: ${({ tokens }) => tokens.theme.textPrimary};\n    border: none;\n  }\n\n  wui-icon {\n    position: absolute;\n    width: 12px !important;\n    height: 4px !important;\n    color: ${({ tokens }) => tokens.theme.foregroundPrimary};\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  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\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 { TooltipController } from '@reown/appkit-controllers';\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\" size=\"inherit\" name=\"cursor\"></wui-icon>\n      <wui-text color=\"primary\" variant=\"sm-regular\">${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], W3mTooltip);\nexport { W3mTooltip };\n//# sourceMappingURL=index.js.map"],"names":["sub","subKey","r","i","W3mTooltip","LitElement","html","state"],"mappings":"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"}