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

package/dist/index-D9I51xNN.js

@@ -0,0 +1,124 @@
+import { m as css, r as resetStyles, n as elementStyles, o as i, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+const styles = css`
+  button {
+    background-color: transparent;
+    padding: ${({ spacing }) => spacing[1]};
+  }
+
+  button:focus-visible {
+    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent020};
+  }
+
+  button[data-variant='accent']:hover:enabled,
+  button[data-variant='accent']:focus-visible {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button[data-variant='primary']:hover:enabled,
+  button[data-variant='primary']:focus-visible,
+  button[data-variant='secondary']:hover:enabled,
+  button[data-variant='secondary']:focus-visible {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  button[data-size='xs'] > wui-icon {
+    width: 8px;
+    height: 8px;
+  }
+
+  button[data-size='sm'] > wui-icon {
+    width: 12px;
+    height: 12px;
+  }
+
+  button[data-size='xs'],
+  button[data-size='sm'] {
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+  }
+
+  button[data-size='md'],
+  button[data-size='lg'] {
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  button[data-size='md'] > wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] > wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  button:disabled {
+    background-color: transparent;
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  button:hover:not(:disabled) {
+    background-color: var(--wui-color-accent-glass-015);
+  }
+
+  button:focus-visible:not(:disabled) {
+    background-color: var(--wui-color-accent-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+`;
+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 WuiIconLink = class WuiIconLink2 extends i {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.disabled = false;
+    this.icon = "copy";
+    this.iconColor = "default";
+    this.variant = "accent";
+  }
+  render() {
+    const iconColors = {
+      accent: "accent-primary",
+      primary: "inverse",
+      secondary: "default"
+    };
+    return x`
+      <button data-variant=${this.variant} ?disabled=${this.disabled} data-size=${this.size}>
+        <wui-icon
+          color=${iconColors[this.variant] || this.iconColor}
+          size=${this.size}
+          name=${this.icon}
+        ></wui-icon>
+      </button>
+    `;
+  }
+};
+WuiIconLink.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiIconLink.prototype, "size", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiIconLink.prototype, "disabled", void 0);
+__decorate([
+  n()
+], WuiIconLink.prototype, "icon", void 0);
+__decorate([
+  n()
+], WuiIconLink.prototype, "iconColor", void 0);
+__decorate([
+  n()
+], WuiIconLink.prototype, "variant", void 0);
+WuiIconLink = __decorate([
+  customElement("wui-icon-link")
+], WuiIconLink);
+//# sourceMappingURL=index-D9I51xNN.js.map

package/dist/index-D9I51xNN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D9I51xNN.js","sources":["../../ui/dist/esm/src/composites/wui-icon-link/styles.js","../../ui/dist/esm/src/composites/wui-icon-link/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  button {\n    background-color: transparent;\n    padding: ${({ spacing }) => spacing[1]};\n  }\n\n  button:focus-visible {\n    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent020};\n  }\n\n  button[data-variant='accent']:hover:enabled,\n  button[data-variant='accent']:focus-visible {\n    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};\n  }\n\n  button[data-variant='primary']:hover:enabled,\n  button[data-variant='primary']:focus-visible,\n  button[data-variant='secondary']:hover:enabled,\n  button[data-variant='secondary']:focus-visible {\n    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};\n  }\n\n  button[data-size='xs'] > wui-icon {\n    width: 8px;\n    height: 8px;\n  }\n\n  button[data-size='sm'] > wui-icon {\n    width: 12px;\n    height: 12px;\n  }\n\n  button[data-size='xs'],\n  button[data-size='sm'] {\n    border-radius: ${({ borderRadius }) => borderRadius[1]};\n  }\n\n  button[data-size='md'],\n  button[data-size='lg'] {\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n  }\n\n  button[data-size='md'] > wui-icon {\n    width: 16px;\n    height: 16px;\n  }\n\n  button[data-size='lg'] > wui-icon {\n    width: 20px;\n    height: 20px;\n  }\n\n  button:disabled {\n    background-color: transparent;\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  button:hover:not(:disabled) {\n    background-color: var(--wui-color-accent-glass-015);\n  }\n\n  button:focus-visible:not(:disabled) {\n    background-color: var(--wui-color-accent-glass-015);\n    box-shadow:\n      inset 0 0 0 1px var(--wui-color-accent-100),\n      0 0 0 4px var(--wui-color-accent-glass-020);\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 { 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 = 'default';\n        this.variant = 'accent';\n    }\n    render() {\n        const iconColors = {\n            accent: 'accent-primary',\n            primary: 'inverse',\n            secondary: 'default'\n        };\n        return html `\n      <button data-variant=${this.variant} ?disabled=${this.disabled} data-size=${this.size}>\n        <wui-icon\n          color=${iconColors[this.variant] || this.iconColor}\n          size=${this.size}\n          name=${this.icon}\n        ></wui-icon>\n      </button>\n    `;\n    }\n};\nWuiIconLink.styles = [resetStyles, elementStyles, 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);\n__decorate([\n    property()\n], WuiIconLink.prototype, \"variant\", void 0);\nWuiIconLink = __decorate([\n    customElement('wui-icon-link')\n], WuiIconLink);\nexport { WuiIconLink };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiIconLink","LitElement","html","property"],"mappings":";;;AACA,MAAA,SAAe;AAAA;AAAA;AAAA,eAGA,CAAC,EAAE,QAAO,MAAO,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,4BAId,CAAC,EAAE,OAAM,MAAO,OAAO,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKnD,CAAC,EAAE,OAAM,MAAO,OAAO,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO/C,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAenD,CAAC,EAAE,aAAY,MAAO,aAAa,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKrC,CAAC,EAAE,aAAY,MAAO,aAAa,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACxC1D,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASA,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAOA,IAAI,cAAc,MAAMC,qBAAoBC,EAAW;AAAA,EACnD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,SAAK,OAAO;AACZ,SAAK,YAAY;AACjB,SAAK,UAAU;AAAA,EACnB;AAAA,EACA,SAAS;AACL,UAAM,aAAa;AAAA,MACf,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,IACvB;AACQ,WAAOC;AAAAA,6BACc,KAAK,OAAO,cAAc,KAAK,QAAQ,cAAc,KAAK,IAAI;AAAA;AAAA,kBAEzE,WAAW,KAAK,OAAO,KAAK,KAAK,SAAS;AAAA,iBAC3C,KAAK,IAAI;AAAA,iBACT,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,EAItB;AACJ;AACA,YAAY,SAAS,CAAC,aAAa,eAAe,MAAM;AACxD,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,YAAY,WAAW,QAAQ,MAAM;AACxC,WAAW;AAAA,EACPA,EAAS,EAAE,MAAM,QAAO,CAAE;AAC9B,GAAG,YAAY,WAAW,YAAY,MAAM;AAC5C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,YAAY,WAAW,QAAQ,MAAM;AACxC,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,YAAY,WAAW,aAAa,MAAM;AAC7C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,YAAY,WAAW,WAAW,MAAM;AAC3C,cAAc,WAAW;AAAA,EACrB,cAAc,eAAe;AACjC,GAAG,WAAW;"}

package/dist/index-DC3uHGx5.js

@@ -0,0 +1,281 @@
+import { p as proxy, s as subscribeKey, i as subscribe, m as css, r as resetStyles, o as i, x, O as OptionsController } from "./appkit-BelUXm_6.js";
+import { n, r } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+import { o } from "./if-defined-CZFxJBnA.js";
+import { e, n as n$1 } from "./ref-DYqCwuKj.js";
+const state = proxy({
+  isLegalCheckboxChecked: false
+});
+const OptionsStateController = {
+  state,
+  subscribe(callback) {
+    return subscribe(state, () => callback(state));
+  },
+  subscribeKey(key, callback) {
+    return subscribeKey(state, key, callback);
+  },
+  setIsLegalCheckboxChecked(isLegalCheckboxChecked) {
+    state.isLegalCheckboxChecked = isLegalCheckboxChecked;
+  }
+};
+const styles$1 = css`
+  label {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+    user-select: none;
+    column-gap: ${({ spacing }) => spacing[2]};
+  }
+
+  label > input[type='checkbox'] {
+    height: 0;
+    width: 0;
+    opacity: 0;
+    position: absolute;
+  }
+
+  label > span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+    border: 1px solid ${({ colors }) => colors.neutrals400};
+    color: ${({ colors }) => colors.white};
+    background-color: transparent;
+    will-change: border-color, background-color;
+  }
+
+  label > span > wui-icon {
+    opacity: 0;
+    will-change: opacity;
+  }
+
+  label > input[type='checkbox']:checked + span > wui-icon {
+    color: ${({ colors }) => colors.white};
+  }
+
+  label > input[type='checkbox']:not(:checked) > span > wui-icon {
+    color: ${({ colors }) => colors.neutrals900};
+  }
+
+  label > input[type='checkbox']:checked + span > wui-icon {
+    opacity: 1;
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  label[data-size='lg'] > span {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+    border-radius: ${({ borderRadius }) => borderRadius[10]};
+  }
+
+  label[data-size='md'] > span {
+    width: 20px;
+    height: 20px;
+    min-width: 20px;
+    min-height: 20px;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+  }
+
+  label[data-size='sm'] > span {
+    width: 16px;
+    height: 16px;
+    min-width: 16px;
+    min-height: 16px;
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  label > input[type='checkbox']:focus-visible + span,
+  label > input[type='checkbox']:focus + span {
+    border: 1px solid ${({ tokens }) => tokens.core.borderAccentPrimary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  /* -- Checked states --------------------------------------------------- */
+  label > input[type='checkbox']:checked + span {
+    background-color: ${({ tokens }) => tokens.core.iconAccentPrimary};
+    border: 1px solid transparent;
+  }
+
+  /* -- Hover states --------------------------------------------------- */
+  input[type='checkbox']:not(:checked):not(:disabled) + span:hover {
+    border: 1px solid ${({ colors }) => colors.neutrals700};
+    background-color: ${({ colors }) => colors.neutrals800};
+    box-shadow: none;
+  }
+
+  input[type='checkbox']:checked:not(:disabled) + span:hover {
+    border: 1px solid transparent;
+    background-color: ${({ colors }) => colors.accent080};
+    box-shadow: none;
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  label > input[type='checkbox']:checked:disabled + span {
+    border: 1px solid transparent;
+    opacity: 0.3;
+  }
+
+  label > input[type='checkbox']:not(:checked):disabled + span {
+    border: 1px solid ${({ colors }) => colors.neutrals700};
+  }
+
+  label:has(input[type='checkbox']:disabled) {
+    cursor: auto;
+  }
+
+  label > input[type='checkbox']:disabled + span {
+    cursor: not-allowed;
+  }
+`;
+var __decorate$1 = 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;
+};
+const ICON_SIZE = {
+  lg: "md",
+  md: "sm",
+  sm: "sm"
+};
+let WuiCheckBox = class WuiCheckBox2 extends i {
+  constructor() {
+    super(...arguments);
+    this.inputElementRef = e();
+    this.checked = void 0;
+    this.disabled = false;
+    this.size = "md";
+  }
+  render() {
+    const iconSize = ICON_SIZE[this.size];
+    return x`
+      <label data-size=${this.size}>
+        <input
+          ${n$1(this.inputElementRef)}
+          ?checked=${o(this.checked)}
+          ?disabled=${this.disabled}
+          type="checkbox"
+          @change=${this.dispatchChangeEvent}
+        />
+        <span>
+          <wui-icon name="checkmarkBold" size=${iconSize}></wui-icon>
+        </span>
+        <slot></slot>
+      </label>
+    `;
+  }
+  dispatchChangeEvent() {
+    var _a;
+    this.dispatchEvent(new CustomEvent("checkboxChange", {
+      detail: (_a = this.inputElementRef.value) == null ? void 0 : _a.checked,
+      bubbles: true,
+      composed: true
+    }));
+  }
+};
+WuiCheckBox.styles = [resetStyles, styles$1];
+__decorate$1([
+  n({ type: Boolean })
+], WuiCheckBox.prototype, "checked", void 0);
+__decorate$1([
+  n({ type: Boolean })
+], WuiCheckBox.prototype, "disabled", void 0);
+__decorate$1([
+  n()
+], WuiCheckBox.prototype, "size", void 0);
+WuiCheckBox = __decorate$1([
+  customElement("wui-checkbox")
+], WuiCheckBox);
+const styles = css`
+  :host {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  wui-checkbox {
+    padding: ${({ spacing }) => spacing["3"]};
+  }
+  a {
+    text-decoration: none;
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+    font-weight: 500;
+  }
+`;
+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 W3mLegalCheckbox = class W3mLegalCheckbox2 extends i {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.checked = OptionsStateController.state.isLegalCheckboxChecked;
+    this.unsubscribe.push(OptionsStateController.subscribeKey("isLegalCheckboxChecked", (val) => {
+      this.checked = val;
+    }));
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    var _a;
+    const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
+    const legalCheckbox = (_a = OptionsController.state.features) == null ? void 0 : _a.legalCheckbox;
+    if (!termsConditionsUrl && !privacyPolicyUrl) {
+      return null;
+    }
+    if (!legalCheckbox) {
+      return null;
+    }
+    return x`
+      <wui-checkbox
+        ?checked=${this.checked}
+        @checkboxChange=${this.onCheckboxChange.bind(this)}
+        data-testid="wui-checkbox"
+      >
+        <wui-text color="secondary" variant="sm-regular" align="left">
+          I agree to our ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
+        </wui-text>
+      </wui-checkbox>
+    `;
+  }
+  andTemplate() {
+    const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
+    return termsConditionsUrl && privacyPolicyUrl ? "and" : "";
+  }
+  termsTemplate() {
+    const { termsConditionsUrl } = OptionsController.state;
+    if (!termsConditionsUrl) {
+      return null;
+    }
+    return x`<a rel="noreferrer" target="_blank" href=${termsConditionsUrl}>terms of service</a>`;
+  }
+  privacyTemplate() {
+    const { privacyPolicyUrl } = OptionsController.state;
+    if (!privacyPolicyUrl) {
+      return null;
+    }
+    return x`<a rel="noreferrer" target="_blank" href=${privacyPolicyUrl}>privacy policy</a>`;
+  }
+  onCheckboxChange() {
+    OptionsStateController.setIsLegalCheckboxChecked(!this.checked);
+  }
+};
+W3mLegalCheckbox.styles = [styles];
+__decorate([
+  r()
+], W3mLegalCheckbox.prototype, "checked", void 0);
+W3mLegalCheckbox = __decorate([
+  customElement("w3m-legal-checkbox")
+], W3mLegalCheckbox);
+export {
+  OptionsStateController as O
+};
+//# sourceMappingURL=index-DC3uHGx5.js.map

package/dist/index-DC3uHGx5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DC3uHGx5.js","sources":["../../controllers/dist/esm/src/controllers/OptionsStateController.js","../../ui/dist/esm/src/composites/wui-checkbox/styles.js","../../ui/dist/esm/src/composites/wui-checkbox/index.js","../../scaffold-ui/dist/esm/src/partials/w3m-legal-checkbox/styles.js","../../scaffold-ui/dist/esm/src/partials/w3m-legal-checkbox/index.js"],"sourcesContent":["import { proxy, subscribe as sub } from 'valtio/vanilla';\nimport { subscribeKey as subKey } from 'valtio/vanilla/utils';\n// -- State --------------------------------------------- //\nconst state = proxy({\n    isLegalCheckboxChecked: false\n});\n// -- Controller ---------------------------------------- //\nexport const OptionsStateController = {\n    state,\n    subscribe(callback) {\n        return sub(state, () => callback(state));\n    },\n    subscribeKey(key, callback) {\n        return subKey(state, key, callback);\n    },\n    setIsLegalCheckboxChecked(isLegalCheckboxChecked) {\n        state.isLegalCheckboxChecked = isLegalCheckboxChecked;\n    }\n};\n//# sourceMappingURL=OptionsStateController.js.map","import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  label {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n    column-gap: ${({ spacing }) => spacing[2]};\n  }\n\n  label > input[type='checkbox'] {\n    height: 0;\n    width: 0;\n    opacity: 0;\n    position: absolute;\n  }\n\n  label > span {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    width: 100%;\n    border: 1px solid ${({ colors }) => colors.neutrals400};\n    color: ${({ colors }) => colors.white};\n    background-color: transparent;\n    will-change: border-color, background-color;\n  }\n\n  label > span > wui-icon {\n    opacity: 0;\n    will-change: opacity;\n  }\n\n  label > input[type='checkbox']:checked + span > wui-icon {\n    color: ${({ colors }) => colors.white};\n  }\n\n  label > input[type='checkbox']:not(:checked) > span > wui-icon {\n    color: ${({ colors }) => colors.neutrals900};\n  }\n\n  label > input[type='checkbox']:checked + span > wui-icon {\n    opacity: 1;\n  }\n\n  /* -- Sizes --------------------------------------------------- */\n  label[data-size='lg'] > span {\n    width: 24px;\n    height: 24px;\n    min-width: 24px;\n    min-height: 24px;\n    border-radius: ${({ borderRadius }) => borderRadius[10]};\n  }\n\n  label[data-size='md'] > span {\n    width: 20px;\n    height: 20px;\n    min-width: 20px;\n    min-height: 20px;\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n  }\n\n  label[data-size='sm'] > span {\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\n    min-height: 16px;\n    border-radius: ${({ borderRadius }) => borderRadius[1]};\n  }\n\n  /* -- Focus states --------------------------------------------------- */\n  label > input[type='checkbox']:focus-visible + span,\n  label > input[type='checkbox']:focus + span {\n    border: 1px solid ${({ tokens }) => tokens.core.borderAccentPrimary};\n    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);\n  }\n\n  /* -- Checked states --------------------------------------------------- */\n  label > input[type='checkbox']:checked + span {\n    background-color: ${({ tokens }) => tokens.core.iconAccentPrimary};\n    border: 1px solid transparent;\n  }\n\n  /* -- Hover states --------------------------------------------------- */\n  input[type='checkbox']:not(:checked):not(:disabled) + span:hover {\n    border: 1px solid ${({ colors }) => colors.neutrals700};\n    background-color: ${({ colors }) => colors.neutrals800};\n    box-shadow: none;\n  }\n\n  input[type='checkbox']:checked:not(:disabled) + span:hover {\n    border: 1px solid transparent;\n    background-color: ${({ colors }) => colors.accent080};\n    box-shadow: none;\n  }\n\n  /* -- Disabled state --------------------------------------------------- */\n  label > input[type='checkbox']:checked:disabled + span {\n    border: 1px solid transparent;\n    opacity: 0.3;\n  }\n\n  label > input[type='checkbox']:not(:checked):disabled + span {\n    border: 1px solid ${({ colors }) => colors.neutrals700};\n  }\n\n  label:has(input[type='checkbox']:disabled) {\n    cursor: auto;\n  }\n\n  label > input[type='checkbox']:disabled + span {\n    cursor: not-allowed;\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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-text/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport './index.js';\nimport styles from './styles.js';\nconst ICON_SIZE = {\n    lg: 'md',\n    md: 'sm',\n    sm: 'sm'\n};\nlet WuiCheckBox = class WuiCheckBox extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.inputElementRef = createRef();\n        this.checked = undefined;\n        this.disabled = false;\n        this.size = 'md';\n    }\n    render() {\n        const iconSize = ICON_SIZE[this.size];\n        return html `\n      <label data-size=${this.size}>\n        <input\n          ${ref(this.inputElementRef)}\n          ?checked=${ifDefined(this.checked)}\n          ?disabled=${this.disabled}\n          type=\"checkbox\"\n          @change=${this.dispatchChangeEvent}\n        />\n        <span>\n          <wui-icon name=\"checkmarkBold\" size=${iconSize}></wui-icon>\n        </span>\n        <slot></slot>\n      </label>\n    `;\n    }\n    dispatchChangeEvent() {\n        this.dispatchEvent(new CustomEvent('checkboxChange', {\n            detail: this.inputElementRef.value?.checked,\n            bubbles: true,\n            composed: true\n        }));\n    }\n};\nWuiCheckBox.styles = [resetStyles, styles];\n__decorate([\n    property({ type: Boolean })\n], WuiCheckBox.prototype, \"checked\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiCheckBox.prototype, \"disabled\", void 0);\n__decorate([\n    property()\n], WuiCheckBox.prototype, \"size\", void 0);\nWuiCheckBox = __decorate([\n    customElement('wui-checkbox')\n], WuiCheckBox);\nexport { WuiCheckBox };\n//# sourceMappingURL=index.js.map","import { css } from '@reown/appkit-ui';\nexport default css `\n  :host {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  wui-checkbox {\n    padding: ${({ spacing }) => spacing['3']};\n  }\n  a {\n    text-decoration: none;\n    color: ${({ tokens }) => tokens.theme.textSecondary};\n    font-weight: 500;\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 { OptionsController, OptionsStateController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-checkbox';\nimport '@reown/appkit-ui/wui-text';\nimport styles from './styles.js';\nlet W3mLegalCheckbox = class W3mLegalCheckbox extends LitElement {\n    constructor() {\n        super();\n        this.unsubscribe = [];\n        this.checked = OptionsStateController.state.isLegalCheckboxChecked;\n        this.unsubscribe.push(OptionsStateController.subscribeKey('isLegalCheckboxChecked', val => {\n            this.checked = val;\n        }));\n    }\n    disconnectedCallback() {\n        this.unsubscribe.forEach(unsubscribe => unsubscribe());\n    }\n    render() {\n        const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;\n        const legalCheckbox = OptionsController.state.features?.legalCheckbox;\n        if (!termsConditionsUrl && !privacyPolicyUrl) {\n            return null;\n        }\n        if (!legalCheckbox) {\n            return null;\n        }\n        return html `\n      <wui-checkbox\n        ?checked=${this.checked}\n        @checkboxChange=${this.onCheckboxChange.bind(this)}\n        data-testid=\"wui-checkbox\"\n      >\n        <wui-text color=\"secondary\" variant=\"sm-regular\" align=\"left\">\n          I agree to our ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}\n        </wui-text>\n      </wui-checkbox>\n    `;\n    }\n    andTemplate() {\n        const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;\n        return termsConditionsUrl && privacyPolicyUrl ? 'and' : '';\n    }\n    termsTemplate() {\n        const { termsConditionsUrl } = OptionsController.state;\n        if (!termsConditionsUrl) {\n            return null;\n        }\n        return html `<a rel=\"noreferrer\" target=\"_blank\" href=${termsConditionsUrl}>terms of service</a>`;\n    }\n    privacyTemplate() {\n        const { privacyPolicyUrl } = OptionsController.state;\n        if (!privacyPolicyUrl) {\n            return null;\n        }\n        return html `<a rel=\"noreferrer\" target=\"_blank\" href=${privacyPolicyUrl}>privacy policy</a>`;\n    }\n    onCheckboxChange() {\n        OptionsStateController.setIsLegalCheckboxChecked(!this.checked);\n    }\n};\nW3mLegalCheckbox.styles = [styles];\n__decorate([\n    state()\n], W3mLegalCheckbox.prototype, \"checked\", void 0);\nW3mLegalCheckbox = __decorate([\n    customElement('w3m-legal-checkbox')\n], W3mLegalCheckbox);\nexport { W3mLegalCheckbox };\n//# sourceMappingURL=index.js.map"],"names":["sub","subKey","__decorate","r","i","WuiCheckBox","LitElement","createRef","html","ref","ifDefined","styles","property","W3mLegalCheckbox","state"],"mappings":"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"}

package/dist/index-DKaSbFmS.js

@@ -0,0 +1,62 @@
+import { q as i, r as resetStyles, o as i$1, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { o } from "./if-defined-CZFxJBnA.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+import "./index-G39WAG_u.js";
+const styles = i`
+  :host {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+  }
+`;
+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 WuiEmailInput = class WuiEmailInput2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+  }
+  render() {
+    return x`
+      <wui-input-text
+        type="email"
+        placeholder="Email"
+        icon="mail"
+        size="lg"
+        .disabled=${this.disabled}
+        .value=${this.value}
+        data-testid="wui-email-input"
+        tabIdx=${o(this.tabIdx)}
+      ></wui-input-text>
+      ${this.templateError()}
+    `;
+  }
+  templateError() {
+    if (this.errorMessage) {
+      return x`<wui-text variant="sm-regular" color="error">${this.errorMessage}</wui-text>`;
+    }
+    return null;
+  }
+};
+WuiEmailInput.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiEmailInput.prototype, "errorMessage", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiEmailInput.prototype, "disabled", void 0);
+__decorate([
+  n()
+], WuiEmailInput.prototype, "value", void 0);
+__decorate([
+  n()
+], WuiEmailInput.prototype, "tabIdx", void 0);
+WuiEmailInput = __decorate([
+  customElement("wui-email-input")
+], WuiEmailInput);
+//# sourceMappingURL=index-DKaSbFmS.js.map

package/dist/index-DKaSbFmS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DKaSbFmS.js","sources":["../../ui/dist/esm/src/composites/wui-email-input/styles.js","../../ui/dist/esm/src/composites/wui-email-input/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    position: relative;\n    display: inline-block;\n    width: 100%;\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 { ifDefined } from 'lit/directives/if-defined.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-text/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-input-text/index.js';\nimport styles from './styles.js';\nlet WuiEmailInput = class WuiEmailInput extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.disabled = false;\n    }\n    render() {\n        return html `\n      <wui-input-text\n        type=\"email\"\n        placeholder=\"Email\"\n        icon=\"mail\"\n        size=\"lg\"\n        .disabled=${this.disabled}\n        .value=${this.value}\n        data-testid=\"wui-email-input\"\n        tabIdx=${ifDefined(this.tabIdx)}\n      ></wui-input-text>\n      ${this.templateError()}\n    `;\n    }\n    templateError() {\n        if (this.errorMessage) {\n            return html `<wui-text variant=\"sm-regular\" color=\"error\">${this.errorMessage}</wui-text>`;\n        }\n        return null;\n    }\n};\nWuiEmailInput.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiEmailInput.prototype, \"errorMessage\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiEmailInput.prototype, \"disabled\", void 0);\n__decorate([\n    property()\n], WuiEmailInput.prototype, \"value\", void 0);\n__decorate([\n    property()\n], WuiEmailInput.prototype, \"tabIdx\", void 0);\nWuiEmailInput = __decorate([\n    customElement('wui-email-input')\n], WuiEmailInput);\nexport { WuiEmailInput };\n//# sourceMappingURL=index.js.map"],"names":["css","i","WuiEmailInput","LitElement","html","ifDefined","property"],"mappings":";;;;;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAUA,IAAI,gBAAgB,MAAMC,uBAAsBC,IAAW;AAAA,EACvD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,WAAW;AAAA,EACpB;AAAA,EACA,SAAS;AACL,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBAMK,KAAK,QAAQ;AAAA,iBAChB,KAAK,KAAK;AAAA;AAAA,iBAEVC,EAAU,KAAK,MAAM,CAAC;AAAA;AAAA,QAE/B,KAAK,cAAa,CAAE;AAAA;AAAA,EAExB;AAAA,EACA,gBAAgB;AACZ,QAAI,KAAK,cAAc;AACnB,aAAOD,iDAAqD,KAAK,YAAY;AAAA,IACjF;AACA,WAAO;AAAA,EACX;AACJ;AACA,cAAc,SAAS,CAAC,aAAa,MAAM;AAC3C,WAAW;AAAA,EACPE,EAAQ;AACZ,GAAG,cAAc,WAAW,gBAAgB,MAAM;AAClD,WAAW;AAAA,EACPA,EAAS,EAAE,MAAM,QAAO,CAAE;AAC9B,GAAG,cAAc,WAAW,YAAY,MAAM;AAC9C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,cAAc,WAAW,SAAS,MAAM;AAC3C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,cAAc,WAAW,UAAU,MAAM;AAC5C,gBAAgB,WAAW;AAAA,EACvB,cAAc,iBAAiB;AACnC,GAAG,aAAa;"}

package/dist/index-DMfKX7xa.js

@@ -0,0 +1,52 @@
+import { 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";
+const styles = css`
+  :host {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 1px;
+    background-color: ${({ tokens }) => tokens.theme.borderPrimary};
+    justify-content: center;
+    align-items: center;
+  }
+
+  :host > wui-text {
+    position: absolute;
+    padding: 0px 8px;
+    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};
+    transition: background-color ${({ durations }) => durations["lg"]}
+      ${({ easings }) => easings["ease-out-power-2"]};
+    will-change: background-color;
+  }
+`;
+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 WuiSeparator = class WuiSeparator2 extends i {
+  constructor() {
+    super(...arguments);
+    this.text = "";
+  }
+  render() {
+    return x`${this.template()}`;
+  }
+  template() {
+    if (this.text) {
+      return x`<wui-text variant="md-regular" color="secondary">${this.text}</wui-text>`;
+    }
+    return null;
+  }
+};
+WuiSeparator.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiSeparator.prototype, "text", void 0);
+WuiSeparator = __decorate([
+  customElement("wui-separator")
+], WuiSeparator);
+//# sourceMappingURL=index-DMfKX7xa.js.map

package/dist/index-DMfKX7xa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DMfKX7xa.js","sources":["../../ui/dist/esm/src/layout/wui-separator/styles.js","../../ui/dist/esm/src/layout/wui-separator/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    display: flex;\n    width: 100%;\n    height: 1px;\n    background-color: ${({ tokens }) => tokens.theme.borderPrimary};\n    justify-content: center;\n    align-items: center;\n  }\n\n  :host > wui-text {\n    position: absolute;\n    padding: 0px 8px;\n    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};\n    transition: background-color ${({ durations }) => durations['lg']}\n      ${({ easings }) => easings['ease-out-power-2']};\n    will-change: background-color;\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 WuiSeparator = class WuiSeparator extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.text = '';\n    }\n    render() {\n        return html `${this.template()}`;\n    }\n    template() {\n        if (this.text) {\n            return html `<wui-text variant=\"md-regular\" color=\"secondary\">${this.text}</wui-text>`;\n        }\n        return null;\n    }\n};\nWuiSeparator.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiSeparator.prototype, \"text\", void 0);\nWuiSeparator = __decorate([\n    customElement('wui-separator')\n], WuiSeparator);\nexport { WuiSeparator };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiSeparator","LitElement","html","property"],"mappings":";;;AACA,MAAA,SAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMS,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAQ1C,CAAC,EAAE,OAAM,MAAO,OAAO,MAAM,iBAAiB;AAAA,mCACnC,CAAC,EAAE,gBAAgB,UAAU,IAAI,CAAC;AAAA,QAC7D,CAAC,EAAE,QAAO,MAAO,QAAQ,kBAAkB,CAAC;AAAA;AAAA;AAAA;ACjBpD,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASA,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAOA,IAAI,eAAe,MAAMC,sBAAqBC,EAAW;AAAA,EACrD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,OAAO;AAAA,EAChB;AAAA,EACA,SAAS;AACL,WAAOC,IAAQ,KAAK,SAAQ,CAAE;AAAA,EAClC;AAAA,EACA,WAAW;AACP,QAAI,KAAK,MAAM;AACX,aAAOA,qDAAyD,KAAK,IAAI;AAAA,IAC7E;AACA,WAAO;AAAA,EACX;AACJ;AACA,aAAa,SAAS,CAAC,aAAa,MAAM;AAC1C,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,aAAa,WAAW,QAAQ,MAAM;AACzC,eAAe,WAAW;AAAA,EACtB,cAAc,eAAe;AACjC,GAAG,YAAY;"}