@haneullabs/enoki-connect 0.1.0

package/dist/esm/components/modal.d.ts

@@ -0,0 +1,24 @@
+import { BaseModal } from './base-modal.js';
+/**
+ * A modal component for displaying wallet operation request fallback UI.
+ *
+ * @element enoki-connect-modal
+ *
+ * @prop {string} walletName - The name of the wallet.
+ * @prop {string} dappName - The name of the dapp.
+ * @prop {boolean} disabled - Whether the modal is disabled.
+ * @prop {boolean} open - Whether the modal is open.
+ *
+ */
+export declare class EnokiConnectModal extends BaseModal {
+    #private;
+    static styles: import("lit").CSSResult;
+    walletName: string;
+    dappName: string;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'enoki-connect-modal': EnokiConnectModal;
+    }
+}

package/dist/esm/components/modal.js

@@ -0,0 +1,251 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _EnokiConnectModal_instances, handleContinue_fn;
+import { css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { BaseModal } from "./base-modal.js";
+let EnokiConnectModal = class extends BaseModal {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _EnokiConnectModal_instances);
+    this.walletName = "";
+    this.dappName = "";
+  }
+  render() {
+    return html`<dialog
+			@click=${this.handleDialogClick}
+			@cancel=${this.handleCancel}
+			class="modal${this._isClosing ? " closing" : ""}"
+			@animationend=${this.handleAnimationEnd}
+		>
+			<div class="content" @click=${this.handleContentClick}>
+				<button
+					class="close"
+					@click=${this.handleCancel}
+					?disabled=${this.disabled || this._isClosing}
+				>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 24 24"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						class="lucide lucide-x"
+					>
+						<path d="M18 6 6 18" />
+						<path d="m6 6 12 12" />
+					</svg>
+				</button>
+				<h1 class="title capitalize">${this.walletName} Operation Request</h1>
+				<p class="description">
+					<span class="capitalize bold">${this.dappName}</span> requested a wallet operation. Click
+					continue to open <span class="wallet-name bold">${this.walletName}</span> (in a new tab)
+					and review the request.
+				</p>
+				<div class="footer">
+					<button
+						class="btn secondary"
+						@click=${this.handleCancel}
+						?disabled=${this.disabled || this._isClosing}
+					>
+						Cancel
+					</button>
+					<button
+						class="btn primary"
+						@click=${__privateMethod(this, _EnokiConnectModal_instances, handleContinue_fn)}
+						?disabled=${this.disabled || this._isClosing}
+					>
+						Continue
+					</button>
+				</div>
+			</div>
+		</dialog>`;
+  }
+};
+_EnokiConnectModal_instances = new WeakSet();
+handleContinue_fn = function() {
+  this.dispatchEvent(new CustomEvent("approved"));
+};
+EnokiConnectModal.styles = css`
+		:host {
+			--modal-font-family: var(
+				--font-family,
+				ui-sans-serif,
+				system-ui,
+				-apple-system,
+				BlinkMacSystemFont,
+				'Segoe UI',
+				Roboto,
+				'Helvetica Neue',
+				Arial,
+				'Noto Sans',
+				sans-serif,
+				'Apple Color Emoji',
+				'Segoe UI Emoji',
+				'Segoe UI Symbol',
+				'Noto Color Emoji'
+			);
+			--modal-radius: var(--radius, 0.625rem);
+			--modal-background: var(--popover, oklch(1 0 0));
+			--modal-foreground: var(--popover-foreground, oklch(0.145 0 0));
+			--modal-backdrop: oklch(from var(--modal-background) l c h / 0.4);
+			--modal-box-shadow: 0 1px 10px oklch(from var(--modal-foreground) l c h / 0.01);
+			--modal-primary: var(--primary, oklch(0.205 0 0));
+			--modal-primary-foreground: var(--primary-foreground, oklch(0.985 0 0));
+			--modal-primary-hover: color-mix(in oklch, var(--modal-primary) 85%, white);
+			--modal-secondary: var(--secondary, oklch(0.97 0 0));
+			--modal-secondary-foreground: var(--secondary-foreground, oklch(0.205 0 0));
+			--modal-secondary-hover: color-mix(in oklch, var(--modal-secondary) 85%, white);
+			--modal-muted-foreground: var(--muted-foreground, oklch(0.556 0 0));
+			--modal-accent: var(--accent, oklch(0.97 0 0));
+			--modal-accent-foreground: var(--accent-foreground, oklch(0.205 0 0));
+		}
+		.modal {
+			color: var(--modal-foreground);
+			border: none;
+			animation: fadeIn 250ms ease-in-out forwards;
+			max-width: 320px;
+			background-color: var(--modal-background);
+			border-radius: var(--modal-radius);
+			box-shadow: var(--modal-box-shadow);
+			padding: 0;
+			font-family: var(--modal-font-family);
+		}
+		.modal::backdrop {
+			background-color: var(--modal-backdrop);
+		}
+		.content {
+			padding: 20px;
+			display: flex;
+			flex-direction: column;
+			gap: 10px;
+		}
+		.capitalize {
+			text-transform: capitalize;
+		}
+		.bold {
+			font-weight: 800;
+		}
+		.title {
+			font-size: 16px;
+			font-weight: 600;
+			line-height: 1.5;
+			color: var(--modal-foreground);
+			margin: 0;
+		}
+		.description {
+			font-size: 14px;
+			line-height: 1.5;
+			color: var(--modal-muted-foreground);
+			margin: 0;
+		}
+		.footer {
+			display: flex;
+			justify-content: flex-end;
+			align-items: center;
+			gap: 10px;
+		}
+		.btn {
+			border: none;
+			border-radius: 6px;
+			padding: 8px 14px;
+			cursor: pointer;
+			transition: background 0.2s;
+			font-size: 13px;
+			font-weight: 600;
+		}
+		.btn.primary {
+			background: var(--modal-primary);
+			color: var(--modal-primary-foreground);
+		}
+		.btn.primary:hover,
+		.btn.primary:focus,
+		.btn.primary:active {
+			background: var(--modal-primary-hover);
+		}
+		.btn.secondary {
+			background: var(--modal-secondary);
+			color: var(--modal-secondary-foreground);
+		}
+		.btn.secondary:hover,
+		.btn.secondary:focus,
+		.btn.secondary:active {
+			background: var(--modal-secondary-hover);
+		}
+		button:disabled {
+			opacity: 0.5;
+			cursor: default;
+		}
+		.close {
+			all: unset;
+			position: absolute;
+			top: 5px;
+			right: 5px;
+			background: transparent;
+			color: var(--modal-muted-foreground);
+			border: none;
+			cursor: pointer;
+			width: 18px;
+			height: 18px;
+			border-radius: var(--modal-radius);
+			padding: 3px;
+			transition: background 0.2s;
+		}
+		.close:hover,
+		.close:focus,
+		.close:active {
+			background: var(--modal-accent);
+			color: var(--modal-accent-foreground);
+		}
+		.modal.closing {
+			animation: fadeOut 250ms ease-in-out forwards;
+		}
+
+		@keyframes fadeIn {
+			from {
+				transform: translateY(-20px) scale(0.8);
+				opacity: 0;
+			}
+			to {
+				opacity: 1;
+			}
+		}
+		@keyframes fadeOut {
+			from {
+				opacity: 1;
+			}
+			to {
+				transform: translateY(20px) scale(0.8);
+				opacity: 0;
+			}
+		}
+	`;
+__decorateClass([
+  property()
+], EnokiConnectModal.prototype, "walletName", 2);
+__decorateClass([
+  property()
+], EnokiConnectModal.prototype, "dappName", 2);
+EnokiConnectModal = __decorateClass([
+  customElement("enoki-connect-modal")
+], EnokiConnectModal);
+export {
+  EnokiConnectModal
+};
+//# sourceMappingURL=modal.js.map

package/dist/esm/components/modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/modal.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\nimport { css, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { BaseModal } from './base-modal.js';\n\n/**\n * A modal component for displaying wallet operation request fallback UI.\n *\n * @element enoki-connect-modal\n *\n * @prop {string} walletName - The name of the wallet.\n * @prop {string} dappName - The name of the dapp.\n * @prop {boolean} disabled - Whether the modal is disabled.\n * @prop {boolean} open - Whether the modal is open.\n *\n */\n@customElement('enoki-connect-modal')\nexport class EnokiConnectModal extends BaseModal {\n\tstatic styles = css`\n\t\t:host {\n\t\t\t--modal-font-family: var(\n\t\t\t\t--font-family,\n\t\t\t\tui-sans-serif,\n\t\t\t\tsystem-ui,\n\t\t\t\t-apple-system,\n\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t'Segoe UI',\n\t\t\t\tRoboto,\n\t\t\t\t'Helvetica Neue',\n\t\t\t\tArial,\n\t\t\t\t'Noto Sans',\n\t\t\t\tsans-serif,\n\t\t\t\t'Apple Color Emoji',\n\t\t\t\t'Segoe UI Emoji',\n\t\t\t\t'Segoe UI Symbol',\n\t\t\t\t'Noto Color Emoji'\n\t\t\t);\n\t\t\t--modal-radius: var(--radius, 0.625rem);\n\t\t\t--modal-background: var(--popover, oklch(1 0 0));\n\t\t\t--modal-foreground: var(--popover-foreground, oklch(0.145 0 0));\n\t\t\t--modal-backdrop: oklch(from var(--modal-background) l c h / 0.4);\n\t\t\t--modal-box-shadow: 0 1px 10px oklch(from var(--modal-foreground) l c h / 0.01);\n\t\t\t--modal-primary: var(--primary, oklch(0.205 0 0));\n\t\t\t--modal-primary-foreground: var(--primary-foreground, oklch(0.985 0 0));\n\t\t\t--modal-primary-hover: color-mix(in oklch, var(--modal-primary) 85%, white);\n\t\t\t--modal-secondary: var(--secondary, oklch(0.97 0 0));\n\t\t\t--modal-secondary-foreground: var(--secondary-foreground, oklch(0.205 0 0));\n\t\t\t--modal-secondary-hover: color-mix(in oklch, var(--modal-secondary) 85%, white);\n\t\t\t--modal-muted-foreground: var(--muted-foreground, oklch(0.556 0 0));\n\t\t\t--modal-accent: var(--accent, oklch(0.97 0 0));\n\t\t\t--modal-accent-foreground: var(--accent-foreground, oklch(0.205 0 0));\n\t\t}\n\t\t.modal {\n\t\t\tcolor: var(--modal-foreground);\n\t\t\tborder: none;\n\t\t\tanimation: fadeIn 250ms ease-in-out forwards;\n\t\t\tmax-width: 320px;\n\t\t\tbackground-color: var(--modal-background);\n\t\t\tborder-radius: var(--modal-radius);\n\t\t\tbox-shadow: var(--modal-box-shadow);\n\t\t\tpadding: 0;\n\t\t\tfont-family: var(--modal-font-family);\n\t\t}\n\t\t.modal::backdrop {\n\t\t\tbackground-color: var(--modal-backdrop);\n\t\t}\n\t\t.content {\n\t\t\tpadding: 20px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 10px;\n\t\t}\n\t\t.capitalize {\n\t\t\ttext-transform: capitalize;\n\t\t}\n\t\t.bold {\n\t\t\tfont-weight: 800;\n\t\t}\n\t\t.title {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 1.5;\n\t\t\tcolor: var(--modal-foreground);\n\t\t\tmargin: 0;\n\t\t}\n\t\t.description {\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t\tcolor: var(--modal-muted-foreground);\n\t\t\tmargin: 0;\n\t\t}\n\t\t.footer {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t}\n\t\t.btn {\n\t\t\tborder: none;\n\t\t\tborder-radius: 6px;\n\t\t\tpadding: 8px 14px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: background 0.2s;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 600;\n\t\t}\n\t\t.btn.primary {\n\t\t\tbackground: var(--modal-primary);\n\t\t\tcolor: var(--modal-primary-foreground);\n\t\t}\n\t\t.btn.primary:hover,\n\t\t.btn.primary:focus,\n\t\t.btn.primary:active {\n\t\t\tbackground: var(--modal-primary-hover);\n\t\t}\n\t\t.btn.secondary {\n\t\t\tbackground: var(--modal-secondary);\n\t\t\tcolor: var(--modal-secondary-foreground);\n\t\t}\n\t\t.btn.secondary:hover,\n\t\t.btn.secondary:focus,\n\t\t.btn.secondary:active {\n\t\t\tbackground: var(--modal-secondary-hover);\n\t\t}\n\t\tbutton:disabled {\n\t\t\topacity: 0.5;\n\t\t\tcursor: default;\n\t\t}\n\t\t.close {\n\t\t\tall: unset;\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\t\t\tright: 5px;\n\t\t\tbackground: transparent;\n\t\t\tcolor: var(--modal-muted-foreground);\n\t\t\tborder: none;\n\t\t\tcursor: pointer;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tborder-radius: var(--modal-radius);\n\t\t\tpadding: 3px;\n\t\t\ttransition: background 0.2s;\n\t\t}\n\t\t.close:hover,\n\t\t.close:focus,\n\t\t.close:active {\n\t\t\tbackground: var(--modal-accent);\n\t\t\tcolor: var(--modal-accent-foreground);\n\t\t}\n\t\t.modal.closing {\n\t\t\tanimation: fadeOut 250ms ease-in-out forwards;\n\t\t}\n\n\t\t@keyframes fadeIn {\n\t\t\tfrom {\n\t\t\t\ttransform: translateY(-20px) scale(0.8);\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tto {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t\t@keyframes fadeOut {\n\t\t\tfrom {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\tto {\n\t\t\t\ttransform: translateY(20px) scale(0.8);\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t}\n\t`;\n\n\t@property()\n\twalletName: string = '';\n\t@property()\n\tdappName: string = '';\n\n\t#handleContinue() {\n\t\tthis.dispatchEvent(new CustomEvent('approved'));\n\t}\n\n\toverride render() {\n\t\treturn html`<dialog\n\t\t\t@click=${this.handleDialogClick}\n\t\t\t@cancel=${this.handleCancel}\n\t\t\tclass=\"modal${this._isClosing ? ' closing' : ''}\"\n\t\t\t@animationend=${this.handleAnimationEnd}\n\t\t>\n\t\t\t<div class=\"content\" @click=${this.handleContentClick}>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t@click=${this.handleCancel}\n\t\t\t\t\t?disabled=${this.disabled || this._isClosing}\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\tclass=\"lucide lucide-x\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path d=\"M18 6 6 18\" />\n\t\t\t\t\t\t<path d=\"m6 6 12 12\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</button>\n\t\t\t\t<h1 class=\"title capitalize\">${this.walletName} Operation Request</h1>\n\t\t\t\t<p class=\"description\">\n\t\t\t\t\t<span class=\"capitalize bold\">${this.dappName}</span> requested a wallet operation. Click\n\t\t\t\t\tcontinue to open <span class=\"wallet-name bold\">${this.walletName}</span> (in a new tab)\n\t\t\t\t\tand review the request.\n\t\t\t\t</p>\n\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn secondary\"\n\t\t\t\t\t\t@click=${this.handleCancel}\n\t\t\t\t\t\t?disabled=${this.disabled || this._isClosing}\n\t\t\t\t\t>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn primary\"\n\t\t\t\t\t\t@click=${this.#handleContinue}\n\t\t\t\t\t\t?disabled=${this.disabled || this._isClosing}\n\t\t\t\t\t>\n\t\t\t\t\t\tContinue\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</dialog>`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'enoki-connect-modal': EnokiConnectModal;\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAEA,SAAS,KAAK,YAAY;AAC1B,SAAS,eAAe,gBAAgB;AACxC,SAAS,iBAAiB;AAcnB,IAAM,oBAAN,cAAgC,UAAU;AAAA,EAA1C;AAAA;AAAA;AA6JN,sBAAqB;AAErB,oBAAmB;AAAA;AAAA,EAMV,SAAS;AACjB,WAAO;AAAA,YACG,KAAK,iBAAiB;AAAA,aACrB,KAAK,YAAY;AAAA,iBACb,KAAK,aAAa,aAAa,EAAE;AAAA,mBAC/B,KAAK,kBAAkB;AAAA;AAAA,iCAET,KAAK,kBAAkB;AAAA;AAAA;AAAA,cAG1C,KAAK,YAAY;AAAA,iBACd,KAAK,YAAY,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAgBd,KAAK,UAAU;AAAA;AAAA,qCAEb,KAAK,QAAQ;AAAA,uDACK,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMvD,KAAK,YAAY;AAAA,kBACd,KAAK,YAAY,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMnC,sBAAK,gDAAe;AAAA,kBACjB,KAAK,YAAY,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjD;AACD;AAzNO;AAiKN,oBAAe,WAAG;AACjB,OAAK,cAAc,IAAI,YAAY,UAAU,CAAC;AAC/C;AAnKY,kBACL,SAAS;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;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4JhB;AAAA,EADC,SAAS;AAAA,GA5JE,kBA6JZ;AAEA;AAAA,EADC,SAAS;AAAA,GA9JE,kBA+JZ;AA/JY,oBAAN;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB;",
+  "names": []
+}

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export { EnokiConnectWallet, registerEnokiConnectWallets, type SupportedNetwork, } from './wallet/index.js';

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+import {
+  EnokiConnectWallet,
+  registerEnokiConnectWallets
+} from "./wallet/index.js";
+export {
+  EnokiConnectWallet,
+  registerEnokiConnectWallets
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nexport {\n\tEnokiConnectWallet,\n\tregisterEnokiConnectWallets,\n\ttype SupportedNetwork,\n} from './wallet/index.js';\n"],
+  "mappings": "AAGA;AAAA,EACC;AAAA,EACA;AAAA,OAEM;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,4 @@
+{
+  "private": true,
+  "type": "module"
+}

package/dist/esm/wallet/index.d.ts

@@ -0,0 +1,55 @@
+import type { StandardConnectFeature, StandardDisconnectFeature, StandardEventsFeature, HaneulSignAndExecuteTransactionFeature, HaneulSignPersonalMessageFeature, HaneulSignTransactionBlockFeature, HaneulSignTransactionFeature, Wallet, WalletIcon } from '@haneullabs/wallet-standard';
+import { ReadonlyWalletAccount } from '@haneullabs/wallet-standard';
+import '../components/modal.js';
+export type SupportedNetwork = 'mainnet' | 'testnet' | 'devnet';
+export declare class EnokiConnectWallet implements Wallet {
+    #private;
+    readonly id: string;
+    get name(): string;
+    get icon(): `data:image/svg+xml;base64,${string}` | `data:image/webp;base64,${string}` | `data:image/png;base64,${string}` | `data:image/gif;base64,${string}`;
+    get version(): "1.0.0";
+    get chains(): readonly ["haneul:mainnet", "haneul:testnet", "haneul:devnet"];
+    get accounts(): ReadonlyWalletAccount[];
+    get features(): StandardConnectFeature & StandardDisconnectFeature & StandardEventsFeature & HaneulSignTransactionBlockFeature & HaneulSignTransactionFeature & HaneulSignPersonalMessageFeature & HaneulSignAndExecuteTransactionFeature;
+    constructor({ publicAppSlug, walletName, dappName, hostOrigin, icon, network, }: {
+        publicAppSlug: string;
+        walletName: string;
+        dappName: string;
+        network: SupportedNetwork;
+        hostOrigin: string;
+        icon: WalletIcon;
+    });
+}
+/**
+ * Registers Enoki Connect wallets for your dApp.
+ *
+ * This function fetches wallet metadata for the provided public app slugs and registers
+ * them with the wallet standard. It returns the registered wallet instances and an
+ * `unregister` function to remove them if needed.
+ *
+ * @param publicAppSlugs - An array of public app slugs to register. You can obtain these slugs from the wallet developer.
+ * @param dappName - The display name of your dApp. This will be shown to users in wallet UIs.
+ * @param network - (Optional) The default Haneul network to use for wallet operations (when chain is not specified in the wallet method). Accepts 'mainnet', 'testnet', or 'devnet'. Defaults to 'mainnet' if not specified.
+ * @param enokiApiUrl - (Optional) The Enoki API endpoint to use for fetching wallet metadata. Defaults to the public Enoki API at 'https://api.enoki.haneullabs.com'. (Override this if you are running a local or custom Enoki API instance.)
+ *
+ * @returns An object containing:
+ *   - `wallets`: The array of registered EnokiConnectWallet instances.
+ *   - `unregister`: A function to unregister all registered wallets.
+ *
+ * @example
+ * ```ts
+ * const { wallets, unregister } = await registerEnokiConnectWallets({
+ *   publicAppSlugs: ['an-app-slug'],
+ *   dappName: 'My Dapp',
+ * });
+ * ```
+ */
+export declare function registerEnokiConnectWallets({ publicAppSlugs, dappName, network, enokiApiUrl, }: {
+    publicAppSlugs: string[];
+    dappName: string;
+    network?: SupportedNetwork;
+    enokiApiUrl?: string;
+}): Promise<{
+    wallets: EnokiConnectWallet[];
+    unregister: () => void;
+}>;