@naculus/connect-appkit-vue 0.1.9 → 0.2.0

package/README.md

@@ -6,10 +6,10 @@
 
 | Framework | Package | Version |
 |-----------|---------|---------|
-| Web Components (base) | `@naculus/connect-appkit-wc` | `0.1.x` |
-| React | `@naculus/connect-appkit-react` | `0.1.x` |
-| **Vue** | `@naculus/connect-appkit-vue` | `0.1.x` |
-| UI (shared styles) | `@naculus/connect-appkit-ui` | `0.1.x` |
+| Web Components (base) | `@naculus/connect-appkit-wc` | `0.2.x` |
+| React | `@naculus/connect-appkit-react` | `0.2.x` |
+| **Vue** | `@naculus/connect-appkit-vue` | `0.2.x` |
+| UI (shared styles) | `@naculus/connect-appkit-ui` | `0.2.x` |
 
 ## Install
 

package/dist/index.cjs

@@ -47,7 +47,11 @@ __export(index_exports, {
   AppkitSwitch: () => AppkitSwitch,
   AppkitTabs: () => AppkitTabs,
   AppkitToggleGroup: () => AppkitToggleGroup,
-  AppkitTooltip: () => AppkitTooltip
+  AppkitTooltip: () => AppkitTooltip,
+  useAccounts: () => useAccounts,
+  useChain: () => useChain,
+  usePassphraseGate: () => usePassphraseGate,
+  useSolanaBalance: () => useSolanaBalance
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -128,6 +132,9 @@ var AppkitConnectButton = /* @__PURE__ */ (0, import_runtime.defineContainer)("a
   "isBalanceLoading",
   "tokenBalancesJson",
   "explorerUrl",
+  "explorerLabel",
+  "isMobile",
+  "mobileWalletName",
   "walletsJson",
   "qrUri",
   "qrLoading",
@@ -136,6 +143,7 @@ var AppkitConnectButton = /* @__PURE__ */ (0, import_runtime.defineContainer)("a
   "appkitDisconnect",
   "appkitStartPairing",
   "appkitRetry",
+  "appkitCancelPairing",
   "appkitMobileDeepLink",
   "appkitCopyAddress"
 ], [
@@ -143,6 +151,7 @@ var AppkitConnectButton = /* @__PURE__ */ (0, import_runtime.defineContainer)("a
   "appkitDisconnect",
   "appkitStartPairing",
   "appkitRetry",
+  "appkitCancelPairing",
   "appkitMobileDeepLink",
   "appkitCopyAddress"
 ]);
@@ -228,6 +237,112 @@ var AppkitTooltip = /* @__PURE__ */ (0, import_runtime.defineContainer)("appkit-
   "content",
   "placement"
 ]);
+
+// src/useAccounts.ts
+var import_connect_core = require("@naculus/connect-core");
+var import_vue = require("vue");
+function useAccounts(accounts) {
+  const parsed = (0, import_vue.computed)(
+    () => ((0, import_vue.toValue)(accounts) ?? []).map((address) => {
+      const caip10 = (0, import_connect_core.parseCaip10)(address);
+      if (caip10) {
+        return {
+          address,
+          namespace: caip10.namespace,
+          isEVM: caip10.namespace === "eip155" && (0, import_connect_core.isEvmAddress)(caip10.address)
+        };
+      }
+      return { address, namespace: null, isEVM: (0, import_connect_core.isEvmAddress)(address) };
+    })
+  );
+  return {
+    accounts: parsed,
+    evmAccount: (0, import_vue.computed)(
+      () => parsed.value.find((a) => a.isEVM)?.address ?? null
+    ),
+    solanaAccount: (0, import_vue.computed)(
+      () => parsed.value.find((a) => a.namespace === "solana")?.address ?? null
+    )
+  };
+}
+
+// src/useChain.ts
+var import_connect_appkit_core = require("@naculus/connect-appkit-core");
+var import_vue2 = require("vue");
+function useChain(chains, chainId) {
+  const list = (0, import_vue2.computed)(() => (0, import_vue2.toValue)(chains) ?? []);
+  const id = (0, import_vue2.computed)(() => (0, import_vue2.toValue)(chainId) ?? null);
+  const currentChain = (0, import_vue2.computed)(() => (0, import_connect_appkit_core.resolveChain)(list.value, id.value));
+  return {
+    currentChain,
+    chainInfo: (0, import_vue2.computed)(() => (0, import_connect_appkit_core.describeChain)(list.value, id.value)),
+    availableChains: (0, import_vue2.computed)(() => (0, import_connect_appkit_core.chainsForNamespace)(list.value, id.value)),
+    currentChainNumber: (0, import_vue2.computed)(
+      () => currentChain.value ? (0, import_connect_appkit_core.chainNumber)(currentChain.value) : null
+    ),
+    namespace: (0, import_vue2.computed)(
+      () => currentChain.value ? (0, import_connect_appkit_core.chainNamespace)(currentChain.value) : null
+    )
+  };
+}
+
+// src/usePassphraseGate.ts
+var import_vue3 = require("vue");
+function usePassphraseGate(gate) {
+  const request = (0, import_vue3.shallowRef)(gate.getSnapshot());
+  const unsubscribe = gate.subscribe(() => {
+    request.value = gate.getSnapshot();
+  });
+  (0, import_vue3.onScopeDispose)(unsubscribe);
+  return {
+    request: (0, import_vue3.readonly)(request),
+    submit: (passphrase) => gate.submit(passphrase),
+    cancel: (reason) => gate.cancel(reason),
+    forget: (reason) => gate.forget(reason)
+  };
+}
+
+// src/useSolanaBalance.ts
+var import_connect_core2 = require("@naculus/connect-core");
+var import_vue4 = require("vue");
+function useSolanaBalance(address, rpcUrl) {
+  const balance = (0, import_vue4.shallowRef)(null);
+  const isFetching = (0, import_vue4.ref)(false);
+  const error = (0, import_vue4.shallowRef)(null);
+  let generation = 0;
+  let disposed = false;
+  const refetch = async () => {
+    const addr = (0, import_vue4.toValue)(address);
+    const url = (0, import_vue4.toValue)(rpcUrl);
+    if (!addr || !url) {
+      balance.value = null;
+      return;
+    }
+    const own = ++generation;
+    isFetching.value = true;
+    error.value = null;
+    try {
+      const next = await (0, import_connect_core2.getSolanaBalance)(url, addr);
+      if (disposed || own !== generation) return;
+      balance.value = next;
+    } catch (err) {
+      if (disposed || own !== generation) return;
+      balance.value = null;
+      error.value = err instanceof Error ? err : new Error("Balance read failed");
+    } finally {
+      if (!disposed && own === generation) isFetching.value = false;
+    }
+  };
+  (0, import_vue4.watchEffect)(() => {
+    (0, import_vue4.toValue)(address);
+    (0, import_vue4.toValue)(rpcUrl);
+    void refetch();
+  });
+  (0, import_vue4.onScopeDispose)(() => {
+    disposed = true;
+  });
+  return { balance, isFetching, error, refetch };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppkitAccordion,
@@ -257,6 +372,10 @@ var AppkitTooltip = /* @__PURE__ */ (0, import_runtime.defineContainer)("appkit-
   AppkitSwitch,
   AppkitTabs,
   AppkitToggleGroup,
-  AppkitTooltip
+  AppkitTooltip,
+  useAccounts,
+  useChain,
+  usePassphraseGate,
+  useSolanaBalance
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/wc-generated/proxies.ts"],"sourcesContent":["export {\n  AppkitAccordion,\n  AppkitAccountButton,\n  AppkitAlertDialog,\n  AppkitAvatar,\n  AppkitBadge,\n  AppkitButton,\n  AppkitCard,\n  AppkitCardContent,\n  AppkitCardDescription,\n  AppkitCardFooter,\n  AppkitCardHeader,\n  AppkitCardTitle,\n  AppkitCheckbox,\n  AppkitCollapsible,\n  AppkitConnectButton,\n  AppkitDialog,\n  AppkitDropdownMenu,\n  AppkitInput,\n  AppkitPopover,\n  AppkitProgress,\n  AppkitScrollArea,\n  AppkitSelect,\n  AppkitSeparator,\n  AppkitSkeleton,\n  AppkitSwitch,\n  AppkitTabs,\n  AppkitToggleGroup,\n  AppkitTooltip,\n} from \"./wc-generated/proxies\"\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated vue proxies */\nimport { defineContainer, type StencilVueComponent } from '@stencil/vue-output-target/runtime';\n\nimport type { JSX } from '@naculus/connect-appkit-wc';\n\n\n\n\n\nexport const AppkitAccordion: StencilVueComponent<JSX.AppkitAccordion> = /*@__PURE__*/ defineContainer<JSX.AppkitAccordion>('appkit-accordion', undefined, [\n  'label',\n  'open',\n  'disabled',\n  'appkitToggle'\n], [\n  'appkitToggle'\n]);\n\n\nexport const AppkitAccountButton: StencilVueComponent<JSX.AppkitAccountButton> = /*@__PURE__*/ defineContainer<JSX.AppkitAccountButton>('appkit-account-button', undefined, [\n  'address',\n  'balance',\n  'balanceSymbol',\n  'showAddress',\n  'showBalance',\n  'disabled'\n]);\n\n\nexport const AppkitAlertDialog: StencilVueComponent<JSX.AppkitAlertDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitAlertDialog>('appkit-alert-dialog', undefined, [\n  'open',\n  'heading',\n  'description',\n  'appkitClose',\n  'appkitOpenChange'\n], [\n  'appkitClose',\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitAvatar: StencilVueComponent<JSX.AppkitAvatar> = /*@__PURE__*/ defineContainer<JSX.AppkitAvatar>('appkit-avatar', undefined, [\n  'size',\n  'src',\n  'alt',\n  'fallback'\n]);\n\n\nexport const AppkitBadge: StencilVueComponent<JSX.AppkitBadge> = /*@__PURE__*/ defineContainer<JSX.AppkitBadge>('appkit-badge', undefined, [\n  'variant'\n]);\n\n\nexport const AppkitButton: StencilVueComponent<JSX.AppkitButton> = /*@__PURE__*/ defineContainer<JSX.AppkitButton>('appkit-button', undefined, [\n  'variant',\n  'size',\n  'disabled',\n  'type',\n  'locale',\n  'ariaLabel',\n  'eventName'\n]);\n\n\nexport const AppkitCard: StencilVueComponent<JSX.AppkitCard> = /*@__PURE__*/ defineContainer<JSX.AppkitCard>('appkit-card', undefined);\n\n\nexport const AppkitCardContent: StencilVueComponent<JSX.AppkitCardContent> = /*@__PURE__*/ defineContainer<JSX.AppkitCardContent>('appkit-card-content', undefined);\n\n\nexport const AppkitCardDescription: StencilVueComponent<JSX.AppkitCardDescription> = /*@__PURE__*/ defineContainer<JSX.AppkitCardDescription>('appkit-card-description', undefined);\n\n\nexport const AppkitCardFooter: StencilVueComponent<JSX.AppkitCardFooter> = /*@__PURE__*/ defineContainer<JSX.AppkitCardFooter>('appkit-card-footer', undefined);\n\n\nexport const AppkitCardHeader: StencilVueComponent<JSX.AppkitCardHeader> = /*@__PURE__*/ defineContainer<JSX.AppkitCardHeader>('appkit-card-header', undefined);\n\n\nexport const AppkitCardTitle: StencilVueComponent<JSX.AppkitCardTitle> = /*@__PURE__*/ defineContainer<JSX.AppkitCardTitle>('appkit-card-title', undefined);\n\n\nexport const AppkitCheckbox: StencilVueComponent<JSX.AppkitCheckbox> = /*@__PURE__*/ defineContainer<JSX.AppkitCheckbox>('appkit-checkbox', undefined, [\n  'checked',\n  'disabled',\n  'label',\n  'name',\n  'value',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitCollapsible: StencilVueComponent<JSX.AppkitCollapsible> = /*@__PURE__*/ defineContainer<JSX.AppkitCollapsible>('appkit-collapsible', undefined, [\n  'open',\n  'appkitToggle'\n], [\n  'appkitToggle'\n]);\n\n\nexport const AppkitConnectButton: StencilVueComponent<JSX.AppkitConnectButton> = /*@__PURE__*/ defineContainer<JSX.AppkitConnectButton>('appkit-connect-button', undefined, [\n  'connected',\n  'connecting',\n  'address',\n  'balance',\n  'balanceSymbol',\n  'isBalanceLoading',\n  'tokenBalancesJson',\n  'explorerUrl',\n  'walletsJson',\n  'qrUri',\n  'qrLoading',\n  'qrError',\n  'appkitConnect',\n  'appkitDisconnect',\n  'appkitStartPairing',\n  'appkitRetry',\n  'appkitMobileDeepLink',\n  'appkitCopyAddress'\n], [\n  'appkitConnect',\n  'appkitDisconnect',\n  'appkitStartPairing',\n  'appkitRetry',\n  'appkitMobileDeepLink',\n  'appkitCopyAddress'\n]);\n\n\nexport const AppkitDialog: StencilVueComponent<JSX.AppkitDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitDialog>('appkit-dialog', undefined, [\n  'open',\n  'heading',\n  'appkitClose',\n  'appkitOpenChange'\n], [\n  'appkitClose',\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitDropdownMenu: StencilVueComponent<JSX.AppkitDropdownMenu> = /*@__PURE__*/ defineContainer<JSX.AppkitDropdownMenu>('appkit-dropdown-menu', undefined, [\n  'itemsJson',\n  'appkitSelect'\n], [\n  'appkitSelect'\n]);\n\n\nexport const AppkitInput: StencilVueComponent<JSX.AppkitInput> = /*@__PURE__*/ defineContainer<JSX.AppkitInput>('appkit-input', undefined, [\n  'type',\n  'placeholder',\n  'value',\n  'disabled',\n  'invalid',\n  'name',\n  'autocomplete',\n  'maxLength',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitPopover: StencilVueComponent<JSX.AppkitPopover> = /*@__PURE__*/ defineContainer<JSX.AppkitPopover>('appkit-popover', undefined, [\n  'open',\n  'placement',\n  'appkitOpenChange'\n], [\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitProgress: StencilVueComponent<JSX.AppkitProgress> = /*@__PURE__*/ defineContainer<JSX.AppkitProgress>('appkit-progress', undefined, [\n  'value',\n  'max',\n  'label'\n]);\n\n\nexport const AppkitScrollArea: StencilVueComponent<JSX.AppkitScrollArea> = /*@__PURE__*/ defineContainer<JSX.AppkitScrollArea>('appkit-scroll-area', undefined);\n\n\nexport const AppkitSelect: StencilVueComponent<JSX.AppkitSelect> = /*@__PURE__*/ defineContainer<JSX.AppkitSelect>('appkit-select', undefined, [\n  'optionsJson',\n  'value',\n  'placeholder',\n  'disabled',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitSeparator: StencilVueComponent<JSX.AppkitSeparator> = /*@__PURE__*/ defineContainer<JSX.AppkitSeparator>('appkit-separator', undefined, [\n  'orientation',\n  'decorative'\n]);\n\n\nexport const AppkitSkeleton: StencilVueComponent<JSX.AppkitSkeleton> = /*@__PURE__*/ defineContainer<JSX.AppkitSkeleton>('appkit-skeleton', undefined);\n\n\nexport const AppkitSwitch: StencilVueComponent<JSX.AppkitSwitch> = /*@__PURE__*/ defineContainer<JSX.AppkitSwitch>('appkit-switch', undefined, [\n  'checked',\n  'disabled',\n  'label',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitTabs: StencilVueComponent<JSX.AppkitTabs> = /*@__PURE__*/ defineContainer<JSX.AppkitTabs>('appkit-tabs', undefined, [\n  'tabsJson',\n  'selected',\n  'appkitTabChange'\n], [\n  'appkitTabChange'\n]);\n\n\nexport const AppkitToggleGroup: StencilVueComponent<JSX.AppkitToggleGroup> = /*@__PURE__*/ defineContainer<JSX.AppkitToggleGroup>('appkit-toggle-group', undefined, [\n  'itemsJson',\n  'selected',\n  'multiple',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitTooltip: StencilVueComponent<JSX.AppkitTooltip> = /*@__PURE__*/ defineContainer<JSX.AppkitTooltip>('appkit-tooltip', undefined, [\n  'content',\n  'placement'\n]);\n\n\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/wc-generated/proxies.ts","../src/useAccounts.ts","../src/useChain.ts","../src/usePassphraseGate.ts","../src/useSolanaBalance.ts"],"sourcesContent":["export {\n  AppkitAccordion,\n  AppkitAccountButton,\n  AppkitAlertDialog,\n  AppkitAvatar,\n  AppkitBadge,\n  AppkitButton,\n  AppkitCard,\n  AppkitCardContent,\n  AppkitCardDescription,\n  AppkitCardFooter,\n  AppkitCardHeader,\n  AppkitCardTitle,\n  AppkitCheckbox,\n  AppkitCollapsible,\n  AppkitConnectButton,\n  AppkitDialog,\n  AppkitDropdownMenu,\n  AppkitInput,\n  AppkitPopover,\n  AppkitProgress,\n  AppkitScrollArea,\n  AppkitSelect,\n  AppkitSeparator,\n  AppkitSkeleton,\n  AppkitSwitch,\n  AppkitTabs,\n  AppkitToggleGroup,\n  AppkitTooltip,\n} from \"./wc-generated/proxies\"\n\n// ── Composables ───────────────────────────────────────────────────\nexport { useAccounts } from \"./useAccounts\";\nexport { useChain } from \"./useChain\";\nexport type { UseChainReturn } from \"./useChain\";\nexport type { AccountEntry, UseAccountsReturn } from \"./useAccounts\";\nexport { usePassphraseGate } from \"./usePassphraseGate\";\nexport { useSolanaBalance } from \"./useSolanaBalance\";\nexport type { UseSolanaBalanceReturn as UseSolanaBalanceVueReturn } from \"./useSolanaBalance\";\nexport type { UsePassphraseGateReturn } from \"./usePassphraseGate\";\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated vue proxies */\nimport { defineContainer, type StencilVueComponent } from '@stencil/vue-output-target/runtime';\n\nimport type { JSX } from '@naculus/connect-appkit-wc';\n\n\n\n\n\nexport const AppkitAccordion: StencilVueComponent<JSX.AppkitAccordion> = /*@__PURE__*/ defineContainer<JSX.AppkitAccordion>('appkit-accordion', undefined, [\n  'label',\n  'open',\n  'disabled',\n  'appkitToggle'\n], [\n  'appkitToggle'\n]);\n\n\nexport const AppkitAccountButton: StencilVueComponent<JSX.AppkitAccountButton> = /*@__PURE__*/ defineContainer<JSX.AppkitAccountButton>('appkit-account-button', undefined, [\n  'address',\n  'balance',\n  'balanceSymbol',\n  'showAddress',\n  'showBalance',\n  'disabled'\n]);\n\n\nexport const AppkitAlertDialog: StencilVueComponent<JSX.AppkitAlertDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitAlertDialog>('appkit-alert-dialog', undefined, [\n  'open',\n  'heading',\n  'description',\n  'appkitClose',\n  'appkitOpenChange'\n], [\n  'appkitClose',\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitAvatar: StencilVueComponent<JSX.AppkitAvatar> = /*@__PURE__*/ defineContainer<JSX.AppkitAvatar>('appkit-avatar', undefined, [\n  'size',\n  'src',\n  'alt',\n  'fallback'\n]);\n\n\nexport const AppkitBadge: StencilVueComponent<JSX.AppkitBadge> = /*@__PURE__*/ defineContainer<JSX.AppkitBadge>('appkit-badge', undefined, [\n  'variant'\n]);\n\n\nexport const AppkitButton: StencilVueComponent<JSX.AppkitButton> = /*@__PURE__*/ defineContainer<JSX.AppkitButton>('appkit-button', undefined, [\n  'variant',\n  'size',\n  'disabled',\n  'type',\n  'locale',\n  'ariaLabel',\n  'eventName'\n]);\n\n\nexport const AppkitCard: StencilVueComponent<JSX.AppkitCard> = /*@__PURE__*/ defineContainer<JSX.AppkitCard>('appkit-card', undefined);\n\n\nexport const AppkitCardContent: StencilVueComponent<JSX.AppkitCardContent> = /*@__PURE__*/ defineContainer<JSX.AppkitCardContent>('appkit-card-content', undefined);\n\n\nexport const AppkitCardDescription: StencilVueComponent<JSX.AppkitCardDescription> = /*@__PURE__*/ defineContainer<JSX.AppkitCardDescription>('appkit-card-description', undefined);\n\n\nexport const AppkitCardFooter: StencilVueComponent<JSX.AppkitCardFooter> = /*@__PURE__*/ defineContainer<JSX.AppkitCardFooter>('appkit-card-footer', undefined);\n\n\nexport const AppkitCardHeader: StencilVueComponent<JSX.AppkitCardHeader> = /*@__PURE__*/ defineContainer<JSX.AppkitCardHeader>('appkit-card-header', undefined);\n\n\nexport const AppkitCardTitle: StencilVueComponent<JSX.AppkitCardTitle> = /*@__PURE__*/ defineContainer<JSX.AppkitCardTitle>('appkit-card-title', undefined);\n\n\nexport const AppkitCheckbox: StencilVueComponent<JSX.AppkitCheckbox> = /*@__PURE__*/ defineContainer<JSX.AppkitCheckbox>('appkit-checkbox', undefined, [\n  'checked',\n  'disabled',\n  'label',\n  'name',\n  'value',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitCollapsible: StencilVueComponent<JSX.AppkitCollapsible> = /*@__PURE__*/ defineContainer<JSX.AppkitCollapsible>('appkit-collapsible', undefined, [\n  'open',\n  'appkitToggle'\n], [\n  'appkitToggle'\n]);\n\n\nexport const AppkitConnectButton: StencilVueComponent<JSX.AppkitConnectButton> = /*@__PURE__*/ defineContainer<JSX.AppkitConnectButton>('appkit-connect-button', undefined, [\n  'connected',\n  'connecting',\n  'address',\n  'balance',\n  'balanceSymbol',\n  'isBalanceLoading',\n  'tokenBalancesJson',\n  'explorerUrl',\n  'explorerLabel',\n  'isMobile',\n  'mobileWalletName',\n  'walletsJson',\n  'qrUri',\n  'qrLoading',\n  'qrError',\n  'appkitConnect',\n  'appkitDisconnect',\n  'appkitStartPairing',\n  'appkitRetry',\n  'appkitCancelPairing',\n  'appkitMobileDeepLink',\n  'appkitCopyAddress'\n], [\n  'appkitConnect',\n  'appkitDisconnect',\n  'appkitStartPairing',\n  'appkitRetry',\n  'appkitCancelPairing',\n  'appkitMobileDeepLink',\n  'appkitCopyAddress'\n]);\n\n\nexport const AppkitDialog: StencilVueComponent<JSX.AppkitDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitDialog>('appkit-dialog', undefined, [\n  'open',\n  'heading',\n  'appkitClose',\n  'appkitOpenChange'\n], [\n  'appkitClose',\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitDropdownMenu: StencilVueComponent<JSX.AppkitDropdownMenu> = /*@__PURE__*/ defineContainer<JSX.AppkitDropdownMenu>('appkit-dropdown-menu', undefined, [\n  'itemsJson',\n  'appkitSelect'\n], [\n  'appkitSelect'\n]);\n\n\nexport const AppkitInput: StencilVueComponent<JSX.AppkitInput> = /*@__PURE__*/ defineContainer<JSX.AppkitInput>('appkit-input', undefined, [\n  'type',\n  'placeholder',\n  'value',\n  'disabled',\n  'invalid',\n  'name',\n  'autocomplete',\n  'maxLength',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitPopover: StencilVueComponent<JSX.AppkitPopover> = /*@__PURE__*/ defineContainer<JSX.AppkitPopover>('appkit-popover', undefined, [\n  'open',\n  'placement',\n  'appkitOpenChange'\n], [\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitProgress: StencilVueComponent<JSX.AppkitProgress> = /*@__PURE__*/ defineContainer<JSX.AppkitProgress>('appkit-progress', undefined, [\n  'value',\n  'max',\n  'label'\n]);\n\n\nexport const AppkitScrollArea: StencilVueComponent<JSX.AppkitScrollArea> = /*@__PURE__*/ defineContainer<JSX.AppkitScrollArea>('appkit-scroll-area', undefined);\n\n\nexport const AppkitSelect: StencilVueComponent<JSX.AppkitSelect> = /*@__PURE__*/ defineContainer<JSX.AppkitSelect>('appkit-select', undefined, [\n  'optionsJson',\n  'value',\n  'placeholder',\n  'disabled',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitSeparator: StencilVueComponent<JSX.AppkitSeparator> = /*@__PURE__*/ defineContainer<JSX.AppkitSeparator>('appkit-separator', undefined, [\n  'orientation',\n  'decorative'\n]);\n\n\nexport const AppkitSkeleton: StencilVueComponent<JSX.AppkitSkeleton> = /*@__PURE__*/ defineContainer<JSX.AppkitSkeleton>('appkit-skeleton', undefined);\n\n\nexport const AppkitSwitch: StencilVueComponent<JSX.AppkitSwitch> = /*@__PURE__*/ defineContainer<JSX.AppkitSwitch>('appkit-switch', undefined, [\n  'checked',\n  'disabled',\n  'label',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitTabs: StencilVueComponent<JSX.AppkitTabs> = /*@__PURE__*/ defineContainer<JSX.AppkitTabs>('appkit-tabs', undefined, [\n  'tabsJson',\n  'selected',\n  'appkitTabChange'\n], [\n  'appkitTabChange'\n]);\n\n\nexport const AppkitToggleGroup: StencilVueComponent<JSX.AppkitToggleGroup> = /*@__PURE__*/ defineContainer<JSX.AppkitToggleGroup>('appkit-toggle-group', undefined, [\n  'itemsJson',\n  'selected',\n  'multiple',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitTooltip: StencilVueComponent<JSX.AppkitTooltip> = /*@__PURE__*/ defineContainer<JSX.AppkitTooltip>('appkit-tooltip', undefined, [\n  'content',\n  'placement'\n]);\n\n\n","import { isEvmAddress, parseCaip10 } from \"@naculus/connect-core\";\nimport { computed, toValue } from \"vue\";\nimport type { ComputedRef, MaybeRefOrGetter } from \"vue\";\n\nexport interface AccountEntry {\n  /** As the session reports it: CAIP-10 for most wallets, bare hex for some. */\n  address: string;\n  /** The namespace, when the entry was CAIP-10. Null for a bare address. */\n  namespace: string | null;\n  isEVM: boolean;\n}\n\nexport interface UseAccountsReturn {\n  accounts: ComputedRef<AccountEntry[]>;\n  evmAccount: ComputedRef<string | null>;\n  solanaAccount: ComputedRef<string | null>;\n}\n\n/**\n * Split a session's account list by what each entry actually is.\n *\n * The same reading as the React `useAccount`, because it is the same reading:\n * `parseCaip10` and `isEvmAddress` come from `@naculus/connect-core` and hold\n * every rule about which strings mean what. What differs between the two\n * bindings is `computed` versus `useMemo`, and nothing else.\n */\nexport function useAccounts(\n  accounts: MaybeRefOrGetter<string[] | null | undefined>,\n): UseAccountsReturn {\n  const parsed = computed<AccountEntry[]>(() =>\n    (toValue(accounts) ?? []).map((address) => {\n      const caip10 = parseCaip10(address);\n      if (caip10) {\n        return {\n          address,\n          namespace: caip10.namespace,\n          isEVM:\n            caip10.namespace === \"eip155\" && isEvmAddress(caip10.address),\n        };\n      }\n      // A bare 0x-40-hex value is unambiguously EVM. A bare base58 string is\n      // not unambiguously anything, so nothing is claimed about it.\n      return { address, namespace: null, isEVM: isEvmAddress(address) };\n    }),\n  );\n\n  return {\n    accounts: parsed,\n    evmAccount: computed(\n      () => parsed.value.find((a) => a.isEVM)?.address ?? null,\n    ),\n    solanaAccount: computed(\n      () => parsed.value.find((a) => a.namespace === \"solana\")?.address ?? null,\n    ),\n  };\n}\n","import {\n  chainNamespace,\n  chainNumber,\n  chainsForNamespace,\n  describeChain,\n  resolveChain,\n  type ChainInfo,\n  type WalletChain,\n} from \"@naculus/connect-appkit-core\";\nimport { computed, toValue } from \"vue\";\nimport type { ComputedRef, MaybeRefOrGetter } from \"vue\";\n\nexport interface UseChainReturn {\n  /** The configured chain matching the connected CAIP-2 id, or null. */\n  currentChain: ComputedRef<WalletChain | null>;\n  /** A description of the connected chain, for any namespace. */\n  chainInfo: ComputedRef<ChainInfo | null>;\n  /** Only the chains the connected wallet could actually switch to. */\n  availableChains: ComputedRef<WalletChain[]>;\n  /** The EIP-155 number, or null when the connected chain has none. */\n  currentChainNumber: ComputedRef<number | null>;\n  namespace: ComputedRef<string | null>;\n}\n\n/**\n * The connected chain, and the chains it is possible to switch to.\n *\n * Identical in substance to the React `useChain`, because it is the same five\n * functions from `@naculus/connect-appkit-core`. This file contains no\n * decision at all — which is the point: `availableChains` filtering to the\n * connected namespace, `chainInfo` describing non-EVM chains, and\n * `currentChainNumber` refusing to invent a number for Solana are all\n * properties of the shared core, so both bindings get them or neither does.\n *\n * Takes its chain list and connected id as arguments; Vue has no equivalent of\n * the React provider here.\n */\nexport function useChain(\n  chains: MaybeRefOrGetter<WalletChain[] | null | undefined>,\n  chainId: MaybeRefOrGetter<string | null | undefined>,\n): UseChainReturn {\n  const list = computed(() => toValue(chains) ?? []);\n  const id = computed(() => toValue(chainId) ?? null);\n\n  const currentChain = computed(() => resolveChain(list.value, id.value));\n\n  return {\n    currentChain,\n    chainInfo: computed(() => describeChain(list.value, id.value)),\n    availableChains: computed(() => chainsForNamespace(list.value, id.value)),\n    currentChainNumber: computed(() =>\n      currentChain.value ? chainNumber(currentChain.value) : null,\n    ),\n    namespace: computed(() =>\n      currentChain.value ? chainNamespace(currentChain.value) : null,\n    ),\n  };\n}\n","import type { PassphraseGate, PassphraseRequest } from \"@naculus/connect-core\";\nimport { onScopeDispose, readonly, shallowRef } from \"vue\";\n\nexport interface UsePassphraseGateReturn {\n  /** The open request, or null when nothing is being asked. */\n  request: Readonly<ReturnType<typeof shallowRef<PassphraseRequest | null>>>;\n  /** Answer the open request. */\n  submit: (passphrase: string) => void;\n  /** Abandon it, failing the load or save that asked. */\n  cancel: (reason?: string) => void;\n  /** Drop the held passphrase, so the next operation asks again. */\n  forget: (reason?: string) => void;\n}\n\n/**\n * Bind a `PassphraseGate` into Vue reactivity.\n *\n * The gate itself lives in `@naculus/connect-core` rather than in either\n * framework package, because the thing it bridges — an encrypted storage\n * adapter asking for a passphrase from inside code that has never heard of a\n * component — is the same problem in React and in Vue. One implementation,\n * two thin bindings.\n *\n * ```ts\n * const gate = new PassphraseGate()\n * const wallet = new PocketWallet({ encryptionPassphrase: gate.request })\n * const { request, submit, cancel } = usePassphraseGate(gate)\n * ```\n *\n * `shallowRef`, not `ref`: the request is a small immutable snapshot the gate\n * replaces wholesale, and deep reactivity over it would proxy an object that\n * never mutates in place.\n */\nexport function usePassphraseGate(\n  gate: PassphraseGate,\n): UsePassphraseGateReturn {\n  const request = shallowRef<PassphraseRequest | null>(gate.getSnapshot());\n  const unsubscribe = gate.subscribe(() => {\n    request.value = gate.getSnapshot();\n  });\n  // Without this the gate keeps a reference to a listener belonging to a\n  // component that is gone, and every later prompt writes into a dead ref.\n  onScopeDispose(unsubscribe);\n\n  return {\n    request: readonly(request) as UsePassphraseGateReturn[\"request\"],\n    submit: (passphrase: string) => gate.submit(passphrase),\n    cancel: (reason?: string) => gate.cancel(reason),\n    forget: (reason?: string) => gate.forget(reason),\n  };\n}\n","import {\n  getSolanaBalance,\n  type SolanaBalance,\n} from \"@naculus/connect-core\";\nimport { onScopeDispose, ref, shallowRef, toValue, watchEffect } from \"vue\";\nimport type { MaybeRefOrGetter } from \"vue\";\n\nexport interface UseSolanaBalanceReturn {\n  balance: ReturnType<typeof shallowRef<SolanaBalance | null>>;\n  isFetching: ReturnType<typeof ref<boolean>>;\n  error: ReturnType<typeof shallowRef<Error | null>>;\n  refetch: () => Promise<void>;\n}\n\n/**\n * The SOL balance of an address.\n *\n * The whole of this file is Vue plumbing. Every decision that took thought —\n * exact lamport arithmetic, distinguishing an unfunded account from an emptied\n * one, refusing to invent a zero — is in `@naculus/connect-core`, shared with\n * the React hook. That is what makes \"author in React, ship to Vue\" true for\n * the logic: what does not translate is only the reactivity.\n *\n * Takes its address and endpoint as arguments because Vue has no equivalent of\n * the React provider here. Refs and getters both work.\n */\nexport function useSolanaBalance(\n  address: MaybeRefOrGetter<string | null | undefined>,\n  rpcUrl: MaybeRefOrGetter<string | null | undefined>,\n): UseSolanaBalanceReturn {\n  const balance = shallowRef<SolanaBalance | null>(null);\n  const isFetching = ref(false);\n  const error = shallowRef<Error | null>(null);\n  // Guards against a slow response for a previous address overwriting the\n  // balance of the one now on screen.\n  let generation = 0;\n  let disposed = false;\n\n  const refetch = async () => {\n    const addr = toValue(address);\n    const url = toValue(rpcUrl);\n    if (!addr || !url) {\n      balance.value = null;\n      return;\n    }\n    const own = ++generation;\n    isFetching.value = true;\n    error.value = null;\n    try {\n      const next = await getSolanaBalance(url, addr);\n      if (disposed || own !== generation) return;\n      balance.value = next;\n    } catch (err) {\n      if (disposed || own !== generation) return;\n      // Cleared rather than left stale: a balance shown next to an error\n      // reads as the current balance, and it is not.\n      balance.value = null;\n      error.value =\n        err instanceof Error ? err : new Error(\"Balance read failed\");\n    } finally {\n      if (!disposed && own === generation) isFetching.value = false;\n    }\n  };\n\n  watchEffect(() => {\n    // Touch both so the effect re-runs when either changes.\n    toValue(address);\n    toValue(rpcUrl);\n    void refetch();\n  });\n\n  onScopeDispose(() => {\n    disposed = true;\n  });\n\n  return { balance, isFetching, error, refetch };\n}\n"],"mappings":"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","names":["import_vue","import_vue","import_connect_core","import_vue"]}

package/dist/index.d.cts

@@ -0,0 +1,135 @@
+import { StencilVueComponent } from '@stencil/vue-output-target/runtime';
+import { JSX } from '@naculus/connect-appkit-wc';
+import { ComputedRef, MaybeRefOrGetter, shallowRef, ref } from 'vue';
+import { WalletChain, ChainInfo } from '@naculus/connect-appkit-core';
+import { PassphraseGate } from '@naculus/connect-core';
+
+declare const AppkitAccordion: StencilVueComponent<JSX.AppkitAccordion>;
+declare const AppkitAccountButton: StencilVueComponent<JSX.AppkitAccountButton>;
+declare const AppkitAlertDialog: StencilVueComponent<JSX.AppkitAlertDialog>;
+declare const AppkitAvatar: StencilVueComponent<JSX.AppkitAvatar>;
+declare const AppkitBadge: StencilVueComponent<JSX.AppkitBadge>;
+declare const AppkitButton: StencilVueComponent<JSX.AppkitButton>;
+declare const AppkitCard: StencilVueComponent<JSX.AppkitCard>;
+declare const AppkitCardContent: StencilVueComponent<JSX.AppkitCardContent>;
+declare const AppkitCardDescription: StencilVueComponent<JSX.AppkitCardDescription>;
+declare const AppkitCardFooter: StencilVueComponent<JSX.AppkitCardFooter>;
+declare const AppkitCardHeader: StencilVueComponent<JSX.AppkitCardHeader>;
+declare const AppkitCardTitle: StencilVueComponent<JSX.AppkitCardTitle>;
+declare const AppkitCheckbox: StencilVueComponent<JSX.AppkitCheckbox>;
+declare const AppkitCollapsible: StencilVueComponent<JSX.AppkitCollapsible>;
+declare const AppkitConnectButton: StencilVueComponent<JSX.AppkitConnectButton>;
+declare const AppkitDialog: StencilVueComponent<JSX.AppkitDialog>;
+declare const AppkitDropdownMenu: StencilVueComponent<JSX.AppkitDropdownMenu>;
+declare const AppkitInput: StencilVueComponent<JSX.AppkitInput>;
+declare const AppkitPopover: StencilVueComponent<JSX.AppkitPopover>;
+declare const AppkitProgress: StencilVueComponent<JSX.AppkitProgress>;
+declare const AppkitScrollArea: StencilVueComponent<JSX.AppkitScrollArea>;
+declare const AppkitSelect: StencilVueComponent<JSX.AppkitSelect>;
+declare const AppkitSeparator: StencilVueComponent<JSX.AppkitSeparator>;
+declare const AppkitSkeleton: StencilVueComponent<JSX.AppkitSkeleton>;
+declare const AppkitSwitch: StencilVueComponent<JSX.AppkitSwitch>;
+declare const AppkitTabs: StencilVueComponent<JSX.AppkitTabs>;
+declare const AppkitToggleGroup: StencilVueComponent<JSX.AppkitToggleGroup>;
+declare const AppkitTooltip: StencilVueComponent<JSX.AppkitTooltip>;
+
+interface AccountEntry {
+    /** As the session reports it: CAIP-10 for most wallets, bare hex for some. */
+    address: string;
+    /** The namespace, when the entry was CAIP-10. Null for a bare address. */
+    namespace: string | null;
+    isEVM: boolean;
+}
+interface UseAccountsReturn {
+    accounts: ComputedRef<AccountEntry[]>;
+    evmAccount: ComputedRef<string | null>;
+    solanaAccount: ComputedRef<string | null>;
+}
+/**
+ * Split a session's account list by what each entry actually is.
+ *
+ * The same reading as the React `useAccount`, because it is the same reading:
+ * `parseCaip10` and `isEvmAddress` come from `@naculus/connect-core` and hold
+ * every rule about which strings mean what. What differs between the two
+ * bindings is `computed` versus `useMemo`, and nothing else.
+ */
+declare function useAccounts(accounts: MaybeRefOrGetter<string[] | null | undefined>): UseAccountsReturn;
+
+interface UseChainReturn {
+    /** The configured chain matching the connected CAIP-2 id, or null. */
+    currentChain: ComputedRef<WalletChain | null>;
+    /** A description of the connected chain, for any namespace. */
+    chainInfo: ComputedRef<ChainInfo | null>;
+    /** Only the chains the connected wallet could actually switch to. */
+    availableChains: ComputedRef<WalletChain[]>;
+    /** The EIP-155 number, or null when the connected chain has none. */
+    currentChainNumber: ComputedRef<number | null>;
+    namespace: ComputedRef<string | null>;
+}
+/**
+ * The connected chain, and the chains it is possible to switch to.
+ *
+ * Identical in substance to the React `useChain`, because it is the same five
+ * functions from `@naculus/connect-appkit-core`. This file contains no
+ * decision at all — which is the point: `availableChains` filtering to the
+ * connected namespace, `chainInfo` describing non-EVM chains, and
+ * `currentChainNumber` refusing to invent a number for Solana are all
+ * properties of the shared core, so both bindings get them or neither does.
+ *
+ * Takes its chain list and connected id as arguments; Vue has no equivalent of
+ * the React provider here.
+ */
+declare function useChain(chains: MaybeRefOrGetter<WalletChain[] | null | undefined>, chainId: MaybeRefOrGetter<string | null | undefined>): UseChainReturn;
+
+interface UsePassphraseGateReturn {
+    /** The open request, or null when nothing is being asked. */
+    request: Readonly<ReturnType<typeof shallowRef<PassphraseRequest | null>>>;
+    /** Answer the open request. */
+    submit: (passphrase: string) => void;
+    /** Abandon it, failing the load or save that asked. */
+    cancel: (reason?: string) => void;
+    /** Drop the held passphrase, so the next operation asks again. */
+    forget: (reason?: string) => void;
+}
+/**
+ * Bind a `PassphraseGate` into Vue reactivity.
+ *
+ * The gate itself lives in `@naculus/connect-core` rather than in either
+ * framework package, because the thing it bridges — an encrypted storage
+ * adapter asking for a passphrase from inside code that has never heard of a
+ * component — is the same problem in React and in Vue. One implementation,
+ * two thin bindings.
+ *
+ * ```ts
+ * const gate = new PassphraseGate()
+ * const wallet = new PocketWallet({ encryptionPassphrase: gate.request })
+ * const { request, submit, cancel } = usePassphraseGate(gate)
+ * ```
+ *
+ * `shallowRef`, not `ref`: the request is a small immutable snapshot the gate
+ * replaces wholesale, and deep reactivity over it would proxy an object that
+ * never mutates in place.
+ */
+declare function usePassphraseGate(gate: PassphraseGate): UsePassphraseGateReturn;
+
+interface UseSolanaBalanceReturn {
+    balance: ReturnType<typeof shallowRef<SolanaBalance | null>>;
+    isFetching: ReturnType<typeof ref<boolean>>;
+    error: ReturnType<typeof shallowRef<Error | null>>;
+    refetch: () => Promise<void>;
+}
+/**
+ * The SOL balance of an address.
+ *
+ * The whole of this file is Vue plumbing. Every decision that took thought —
+ * exact lamport arithmetic, distinguishing an unfunded account from an emptied
+ * one, refusing to invent a zero — is in `@naculus/connect-core`, shared with
+ * the React hook. That is what makes "author in React, ship to Vue" true for
+ * the logic: what does not translate is only the reactivity.
+ *
+ * Takes its address and endpoint as arguments because Vue has no equivalent of
+ * the React provider here. Refs and getters both work.
+ */
+declare function useSolanaBalance(address: MaybeRefOrGetter<string | null | undefined>, rpcUrl: MaybeRefOrGetter<string | null | undefined>): UseSolanaBalanceReturn;
+
+export { type AccountEntry, AppkitAccordion, AppkitAccountButton, AppkitAlertDialog, AppkitAvatar, AppkitBadge, AppkitButton, AppkitCard, AppkitCardContent, AppkitCardDescription, AppkitCardFooter, AppkitCardHeader, AppkitCardTitle, AppkitCheckbox, AppkitCollapsible, AppkitConnectButton, AppkitDialog, AppkitDropdownMenu, AppkitInput, AppkitPopover, AppkitProgress, AppkitScrollArea, AppkitSelect, AppkitSeparator, AppkitSkeleton, AppkitSwitch, AppkitTabs, AppkitToggleGroup, AppkitTooltip, type UseAccountsReturn, type UseChainReturn, type UsePassphraseGateReturn, type UseSolanaBalanceReturn as UseSolanaBalanceVueReturn, useAccounts, useChain, usePassphraseGate, useSolanaBalance };

package/dist/index.d.ts

@@ -0,0 +1,135 @@
+import { StencilVueComponent } from '@stencil/vue-output-target/runtime';
+import { JSX } from '@naculus/connect-appkit-wc';
+import { ComputedRef, MaybeRefOrGetter, shallowRef, ref } from 'vue';
+import { WalletChain, ChainInfo } from '@naculus/connect-appkit-core';
+import { PassphraseGate } from '@naculus/connect-core';
+
+declare const AppkitAccordion: StencilVueComponent<JSX.AppkitAccordion>;
+declare const AppkitAccountButton: StencilVueComponent<JSX.AppkitAccountButton>;
+declare const AppkitAlertDialog: StencilVueComponent<JSX.AppkitAlertDialog>;
+declare const AppkitAvatar: StencilVueComponent<JSX.AppkitAvatar>;
+declare const AppkitBadge: StencilVueComponent<JSX.AppkitBadge>;
+declare const AppkitButton: StencilVueComponent<JSX.AppkitButton>;
+declare const AppkitCard: StencilVueComponent<JSX.AppkitCard>;
+declare const AppkitCardContent: StencilVueComponent<JSX.AppkitCardContent>;
+declare const AppkitCardDescription: StencilVueComponent<JSX.AppkitCardDescription>;
+declare const AppkitCardFooter: StencilVueComponent<JSX.AppkitCardFooter>;
+declare const AppkitCardHeader: StencilVueComponent<JSX.AppkitCardHeader>;
+declare const AppkitCardTitle: StencilVueComponent<JSX.AppkitCardTitle>;
+declare const AppkitCheckbox: StencilVueComponent<JSX.AppkitCheckbox>;
+declare const AppkitCollapsible: StencilVueComponent<JSX.AppkitCollapsible>;
+declare const AppkitConnectButton: StencilVueComponent<JSX.AppkitConnectButton>;
+declare const AppkitDialog: StencilVueComponent<JSX.AppkitDialog>;
+declare const AppkitDropdownMenu: StencilVueComponent<JSX.AppkitDropdownMenu>;
+declare const AppkitInput: StencilVueComponent<JSX.AppkitInput>;
+declare const AppkitPopover: StencilVueComponent<JSX.AppkitPopover>;
+declare const AppkitProgress: StencilVueComponent<JSX.AppkitProgress>;
+declare const AppkitScrollArea: StencilVueComponent<JSX.AppkitScrollArea>;
+declare const AppkitSelect: StencilVueComponent<JSX.AppkitSelect>;
+declare const AppkitSeparator: StencilVueComponent<JSX.AppkitSeparator>;
+declare const AppkitSkeleton: StencilVueComponent<JSX.AppkitSkeleton>;
+declare const AppkitSwitch: StencilVueComponent<JSX.AppkitSwitch>;
+declare const AppkitTabs: StencilVueComponent<JSX.AppkitTabs>;
+declare const AppkitToggleGroup: StencilVueComponent<JSX.AppkitToggleGroup>;
+declare const AppkitTooltip: StencilVueComponent<JSX.AppkitTooltip>;
+
+interface AccountEntry {
+    /** As the session reports it: CAIP-10 for most wallets, bare hex for some. */
+    address: string;
+    /** The namespace, when the entry was CAIP-10. Null for a bare address. */
+    namespace: string | null;
+    isEVM: boolean;
+}
+interface UseAccountsReturn {
+    accounts: ComputedRef<AccountEntry[]>;
+    evmAccount: ComputedRef<string | null>;
+    solanaAccount: ComputedRef<string | null>;
+}
+/**
+ * Split a session's account list by what each entry actually is.
+ *
+ * The same reading as the React `useAccount`, because it is the same reading:
+ * `parseCaip10` and `isEvmAddress` come from `@naculus/connect-core` and hold
+ * every rule about which strings mean what. What differs between the two
+ * bindings is `computed` versus `useMemo`, and nothing else.
+ */
+declare function useAccounts(accounts: MaybeRefOrGetter<string[] | null | undefined>): UseAccountsReturn;
+
+interface UseChainReturn {
+    /** The configured chain matching the connected CAIP-2 id, or null. */
+    currentChain: ComputedRef<WalletChain | null>;
+    /** A description of the connected chain, for any namespace. */
+    chainInfo: ComputedRef<ChainInfo | null>;
+    /** Only the chains the connected wallet could actually switch to. */
+    availableChains: ComputedRef<WalletChain[]>;
+    /** The EIP-155 number, or null when the connected chain has none. */
+    currentChainNumber: ComputedRef<number | null>;
+    namespace: ComputedRef<string | null>;
+}
+/**
+ * The connected chain, and the chains it is possible to switch to.
+ *
+ * Identical in substance to the React `useChain`, because it is the same five
+ * functions from `@naculus/connect-appkit-core`. This file contains no
+ * decision at all — which is the point: `availableChains` filtering to the
+ * connected namespace, `chainInfo` describing non-EVM chains, and
+ * `currentChainNumber` refusing to invent a number for Solana are all
+ * properties of the shared core, so both bindings get them or neither does.
+ *
+ * Takes its chain list and connected id as arguments; Vue has no equivalent of
+ * the React provider here.
+ */
+declare function useChain(chains: MaybeRefOrGetter<WalletChain[] | null | undefined>, chainId: MaybeRefOrGetter<string | null | undefined>): UseChainReturn;
+
+interface UsePassphraseGateReturn {
+    /** The open request, or null when nothing is being asked. */
+    request: Readonly<ReturnType<typeof shallowRef<PassphraseRequest | null>>>;
+    /** Answer the open request. */
+    submit: (passphrase: string) => void;
+    /** Abandon it, failing the load or save that asked. */
+    cancel: (reason?: string) => void;
+    /** Drop the held passphrase, so the next operation asks again. */
+    forget: (reason?: string) => void;
+}
+/**
+ * Bind a `PassphraseGate` into Vue reactivity.
+ *
+ * The gate itself lives in `@naculus/connect-core` rather than in either
+ * framework package, because the thing it bridges — an encrypted storage
+ * adapter asking for a passphrase from inside code that has never heard of a
+ * component — is the same problem in React and in Vue. One implementation,
+ * two thin bindings.
+ *
+ * ```ts
+ * const gate = new PassphraseGate()
+ * const wallet = new PocketWallet({ encryptionPassphrase: gate.request })
+ * const { request, submit, cancel } = usePassphraseGate(gate)
+ * ```
+ *
+ * `shallowRef`, not `ref`: the request is a small immutable snapshot the gate
+ * replaces wholesale, and deep reactivity over it would proxy an object that
+ * never mutates in place.
+ */
+declare function usePassphraseGate(gate: PassphraseGate): UsePassphraseGateReturn;
+
+interface UseSolanaBalanceReturn {
+    balance: ReturnType<typeof shallowRef<SolanaBalance | null>>;
+    isFetching: ReturnType<typeof ref<boolean>>;
+    error: ReturnType<typeof shallowRef<Error | null>>;
+    refetch: () => Promise<void>;
+}
+/**
+ * The SOL balance of an address.
+ *
+ * The whole of this file is Vue plumbing. Every decision that took thought —
+ * exact lamport arithmetic, distinguishing an unfunded account from an emptied
+ * one, refusing to invent a zero — is in `@naculus/connect-core`, shared with
+ * the React hook. That is what makes "author in React, ship to Vue" true for
+ * the logic: what does not translate is only the reactivity.
+ *
+ * Takes its address and endpoint as arguments because Vue has no equivalent of
+ * the React provider here. Refs and getters both work.
+ */
+declare function useSolanaBalance(address: MaybeRefOrGetter<string | null | undefined>, rpcUrl: MaybeRefOrGetter<string | null | undefined>): UseSolanaBalanceReturn;
+
+export { type AccountEntry, AppkitAccordion, AppkitAccountButton, AppkitAlertDialog, AppkitAvatar, AppkitBadge, AppkitButton, AppkitCard, AppkitCardContent, AppkitCardDescription, AppkitCardFooter, AppkitCardHeader, AppkitCardTitle, AppkitCheckbox, AppkitCollapsible, AppkitConnectButton, AppkitDialog, AppkitDropdownMenu, AppkitInput, AppkitPopover, AppkitProgress, AppkitScrollArea, AppkitSelect, AppkitSeparator, AppkitSkeleton, AppkitSwitch, AppkitTabs, AppkitToggleGroup, AppkitTooltip, type UseAccountsReturn, type UseChainReturn, type UsePassphraseGateReturn, type UseSolanaBalanceReturn as UseSolanaBalanceVueReturn, useAccounts, useChain, usePassphraseGate, useSolanaBalance };

package/dist/index.js

@@ -75,6 +75,9 @@ var AppkitConnectButton = /* @__PURE__ */ defineContainer("appkit-connect-button
   "isBalanceLoading",
   "tokenBalancesJson",
   "explorerUrl",
+  "explorerLabel",
+  "isMobile",
+  "mobileWalletName",
   "walletsJson",
   "qrUri",
   "qrLoading",
@@ -83,6 +86,7 @@ var AppkitConnectButton = /* @__PURE__ */ defineContainer("appkit-connect-button
   "appkitDisconnect",
   "appkitStartPairing",
   "appkitRetry",
+  "appkitCancelPairing",
   "appkitMobileDeepLink",
   "appkitCopyAddress"
 ], [
@@ -90,6 +94,7 @@ var AppkitConnectButton = /* @__PURE__ */ defineContainer("appkit-connect-button
   "appkitDisconnect",
   "appkitStartPairing",
   "appkitRetry",
+  "appkitCancelPairing",
   "appkitMobileDeepLink",
   "appkitCopyAddress"
 ]);
@@ -175,6 +180,120 @@ var AppkitTooltip = /* @__PURE__ */ defineContainer("appkit-tooltip", void 0, [
   "content",
   "placement"
 ]);
+
+// src/useAccounts.ts
+import { isEvmAddress, parseCaip10 } from "@naculus/connect-core";
+import { computed, toValue } from "vue";
+function useAccounts(accounts) {
+  const parsed = computed(
+    () => (toValue(accounts) ?? []).map((address) => {
+      const caip10 = parseCaip10(address);
+      if (caip10) {
+        return {
+          address,
+          namespace: caip10.namespace,
+          isEVM: caip10.namespace === "eip155" && isEvmAddress(caip10.address)
+        };
+      }
+      return { address, namespace: null, isEVM: isEvmAddress(address) };
+    })
+  );
+  return {
+    accounts: parsed,
+    evmAccount: computed(
+      () => parsed.value.find((a) => a.isEVM)?.address ?? null
+    ),
+    solanaAccount: computed(
+      () => parsed.value.find((a) => a.namespace === "solana")?.address ?? null
+    )
+  };
+}
+
+// src/useChain.ts
+import {
+  chainNamespace,
+  chainNumber,
+  chainsForNamespace,
+  describeChain,
+  resolveChain
+} from "@naculus/connect-appkit-core";
+import { computed as computed2, toValue as toValue2 } from "vue";
+function useChain(chains, chainId) {
+  const list = computed2(() => toValue2(chains) ?? []);
+  const id = computed2(() => toValue2(chainId) ?? null);
+  const currentChain = computed2(() => resolveChain(list.value, id.value));
+  return {
+    currentChain,
+    chainInfo: computed2(() => describeChain(list.value, id.value)),
+    availableChains: computed2(() => chainsForNamespace(list.value, id.value)),
+    currentChainNumber: computed2(
+      () => currentChain.value ? chainNumber(currentChain.value) : null
+    ),
+    namespace: computed2(
+      () => currentChain.value ? chainNamespace(currentChain.value) : null
+    )
+  };
+}
+
+// src/usePassphraseGate.ts
+import { onScopeDispose, readonly, shallowRef } from "vue";
+function usePassphraseGate(gate) {
+  const request = shallowRef(gate.getSnapshot());
+  const unsubscribe = gate.subscribe(() => {
+    request.value = gate.getSnapshot();
+  });
+  onScopeDispose(unsubscribe);
+  return {
+    request: readonly(request),
+    submit: (passphrase) => gate.submit(passphrase),
+    cancel: (reason) => gate.cancel(reason),
+    forget: (reason) => gate.forget(reason)
+  };
+}
+
+// src/useSolanaBalance.ts
+import {
+  getSolanaBalance
+} from "@naculus/connect-core";
+import { onScopeDispose as onScopeDispose2, ref, shallowRef as shallowRef2, toValue as toValue3, watchEffect } from "vue";
+function useSolanaBalance(address, rpcUrl) {
+  const balance = shallowRef2(null);
+  const isFetching = ref(false);
+  const error = shallowRef2(null);
+  let generation = 0;
+  let disposed = false;
+  const refetch = async () => {
+    const addr = toValue3(address);
+    const url = toValue3(rpcUrl);
+    if (!addr || !url) {
+      balance.value = null;
+      return;
+    }
+    const own = ++generation;
+    isFetching.value = true;
+    error.value = null;
+    try {
+      const next = await getSolanaBalance(url, addr);
+      if (disposed || own !== generation) return;
+      balance.value = next;
+    } catch (err) {
+      if (disposed || own !== generation) return;
+      balance.value = null;
+      error.value = err instanceof Error ? err : new Error("Balance read failed");
+    } finally {
+      if (!disposed && own === generation) isFetching.value = false;
+    }
+  };
+  watchEffect(() => {
+    toValue3(address);
+    toValue3(rpcUrl);
+    void refetch();
+  });
+  onScopeDispose2(() => {
+    disposed = true;
+  });
+  return { balance, isFetching, error, refetch };
+}
 export {
   AppkitAccordion,
   AppkitAccountButton,
@@ -203,6 +322,10 @@ export {
   AppkitSwitch,
   AppkitTabs,
   AppkitToggleGroup,
-  AppkitTooltip
+  AppkitTooltip,
+  useAccounts,
+  useChain,
+  usePassphraseGate,
+  useSolanaBalance
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/wc-generated/proxies.ts"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\n/* auto-generated vue proxies */\nimport { defineContainer, type StencilVueComponent } from '@stencil/vue-output-target/runtime';\n\nimport type { JSX } from '@naculus/connect-appkit-wc';\n\n\n\n\n\nexport const AppkitAccordion: StencilVueComponent<JSX.AppkitAccordion> = /*@__PURE__*/ defineContainer<JSX.AppkitAccordion>('appkit-accordion', undefined, [\n  'label',\n  'open',\n  'disabled',\n  'appkitToggle'\n], [\n  'appkitToggle'\n]);\n\n\nexport const AppkitAccountButton: StencilVueComponent<JSX.AppkitAccountButton> = /*@__PURE__*/ defineContainer<JSX.AppkitAccountButton>('appkit-account-button', undefined, [\n  'address',\n  'balance',\n  'balanceSymbol',\n  'showAddress',\n  'showBalance',\n  'disabled'\n]);\n\n\nexport const AppkitAlertDialog: StencilVueComponent<JSX.AppkitAlertDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitAlertDialog>('appkit-alert-dialog', undefined, [\n  'open',\n  'heading',\n  'description',\n  'appkitClose',\n  'appkitOpenChange'\n], [\n  'appkitClose',\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitAvatar: StencilVueComponent<JSX.AppkitAvatar> = /*@__PURE__*/ defineContainer<JSX.AppkitAvatar>('appkit-avatar', undefined, [\n  'size',\n  'src',\n  'alt',\n  'fallback'\n]);\n\n\nexport const AppkitBadge: StencilVueComponent<JSX.AppkitBadge> = /*@__PURE__*/ defineContainer<JSX.AppkitBadge>('appkit-badge', undefined, [\n  'variant'\n]);\n\n\nexport const AppkitButton: StencilVueComponent<JSX.AppkitButton> = /*@__PURE__*/ defineContainer<JSX.AppkitButton>('appkit-button', undefined, [\n  'variant',\n  'size',\n  'disabled',\n  'type',\n  'locale',\n  'ariaLabel',\n  'eventName'\n]);\n\n\nexport const AppkitCard: StencilVueComponent<JSX.AppkitCard> = /*@__PURE__*/ defineContainer<JSX.AppkitCard>('appkit-card', undefined);\n\n\nexport const AppkitCardContent: StencilVueComponent<JSX.AppkitCardContent> = /*@__PURE__*/ defineContainer<JSX.AppkitCardContent>('appkit-card-content', undefined);\n\n\nexport const AppkitCardDescription: StencilVueComponent<JSX.AppkitCardDescription> = /*@__PURE__*/ defineContainer<JSX.AppkitCardDescription>('appkit-card-description', undefined);\n\n\nexport const AppkitCardFooter: StencilVueComponent<JSX.AppkitCardFooter> = /*@__PURE__*/ defineContainer<JSX.AppkitCardFooter>('appkit-card-footer', undefined);\n\n\nexport const AppkitCardHeader: StencilVueComponent<JSX.AppkitCardHeader> = /*@__PURE__*/ defineContainer<JSX.AppkitCardHeader>('appkit-card-header', undefined);\n\n\nexport const AppkitCardTitle: StencilVueComponent<JSX.AppkitCardTitle> = /*@__PURE__*/ defineContainer<JSX.AppkitCardTitle>('appkit-card-title', undefined);\n\n\nexport const AppkitCheckbox: StencilVueComponent<JSX.AppkitCheckbox> = /*@__PURE__*/ defineContainer<JSX.AppkitCheckbox>('appkit-checkbox', undefined, [\n  'checked',\n  'disabled',\n  'label',\n  'name',\n  'value',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitCollapsible: StencilVueComponent<JSX.AppkitCollapsible> = /*@__PURE__*/ defineContainer<JSX.AppkitCollapsible>('appkit-collapsible', undefined, [\n  'open',\n  'appkitToggle'\n], [\n  'appkitToggle'\n]);\n\n\nexport const AppkitConnectButton: StencilVueComponent<JSX.AppkitConnectButton> = /*@__PURE__*/ defineContainer<JSX.AppkitConnectButton>('appkit-connect-button', undefined, [\n  'connected',\n  'connecting',\n  'address',\n  'balance',\n  'balanceSymbol',\n  'isBalanceLoading',\n  'tokenBalancesJson',\n  'explorerUrl',\n  'walletsJson',\n  'qrUri',\n  'qrLoading',\n  'qrError',\n  'appkitConnect',\n  'appkitDisconnect',\n  'appkitStartPairing',\n  'appkitRetry',\n  'appkitMobileDeepLink',\n  'appkitCopyAddress'\n], [\n  'appkitConnect',\n  'appkitDisconnect',\n  'appkitStartPairing',\n  'appkitRetry',\n  'appkitMobileDeepLink',\n  'appkitCopyAddress'\n]);\n\n\nexport const AppkitDialog: StencilVueComponent<JSX.AppkitDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitDialog>('appkit-dialog', undefined, [\n  'open',\n  'heading',\n  'appkitClose',\n  'appkitOpenChange'\n], [\n  'appkitClose',\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitDropdownMenu: StencilVueComponent<JSX.AppkitDropdownMenu> = /*@__PURE__*/ defineContainer<JSX.AppkitDropdownMenu>('appkit-dropdown-menu', undefined, [\n  'itemsJson',\n  'appkitSelect'\n], [\n  'appkitSelect'\n]);\n\n\nexport const AppkitInput: StencilVueComponent<JSX.AppkitInput> = /*@__PURE__*/ defineContainer<JSX.AppkitInput>('appkit-input', undefined, [\n  'type',\n  'placeholder',\n  'value',\n  'disabled',\n  'invalid',\n  'name',\n  'autocomplete',\n  'maxLength',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitPopover: StencilVueComponent<JSX.AppkitPopover> = /*@__PURE__*/ defineContainer<JSX.AppkitPopover>('appkit-popover', undefined, [\n  'open',\n  'placement',\n  'appkitOpenChange'\n], [\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitProgress: StencilVueComponent<JSX.AppkitProgress> = /*@__PURE__*/ defineContainer<JSX.AppkitProgress>('appkit-progress', undefined, [\n  'value',\n  'max',\n  'label'\n]);\n\n\nexport const AppkitScrollArea: StencilVueComponent<JSX.AppkitScrollArea> = /*@__PURE__*/ defineContainer<JSX.AppkitScrollArea>('appkit-scroll-area', undefined);\n\n\nexport const AppkitSelect: StencilVueComponent<JSX.AppkitSelect> = /*@__PURE__*/ defineContainer<JSX.AppkitSelect>('appkit-select', undefined, [\n  'optionsJson',\n  'value',\n  'placeholder',\n  'disabled',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitSeparator: StencilVueComponent<JSX.AppkitSeparator> = /*@__PURE__*/ defineContainer<JSX.AppkitSeparator>('appkit-separator', undefined, [\n  'orientation',\n  'decorative'\n]);\n\n\nexport const AppkitSkeleton: StencilVueComponent<JSX.AppkitSkeleton> = /*@__PURE__*/ defineContainer<JSX.AppkitSkeleton>('appkit-skeleton', undefined);\n\n\nexport const AppkitSwitch: StencilVueComponent<JSX.AppkitSwitch> = /*@__PURE__*/ defineContainer<JSX.AppkitSwitch>('appkit-switch', undefined, [\n  'checked',\n  'disabled',\n  'label',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitTabs: StencilVueComponent<JSX.AppkitTabs> = /*@__PURE__*/ defineContainer<JSX.AppkitTabs>('appkit-tabs', undefined, [\n  'tabsJson',\n  'selected',\n  'appkitTabChange'\n], [\n  'appkitTabChange'\n]);\n\n\nexport const AppkitToggleGroup: StencilVueComponent<JSX.AppkitToggleGroup> = /*@__PURE__*/ defineContainer<JSX.AppkitToggleGroup>('appkit-toggle-group', undefined, [\n  'itemsJson',\n  'selected',\n  'multiple',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitTooltip: StencilVueComponent<JSX.AppkitTooltip> = /*@__PURE__*/ defineContainer<JSX.AppkitTooltip>('appkit-tooltip', undefined, [\n  'content',\n  'placement'\n]);\n\n\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/wc-generated/proxies.ts","../src/useAccounts.ts","../src/useChain.ts","../src/usePassphraseGate.ts","../src/useSolanaBalance.ts"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\n/* auto-generated vue proxies */\nimport { defineContainer, type StencilVueComponent } from '@stencil/vue-output-target/runtime';\n\nimport type { JSX } from '@naculus/connect-appkit-wc';\n\n\n\n\n\nexport const AppkitAccordion: StencilVueComponent<JSX.AppkitAccordion> = /*@__PURE__*/ defineContainer<JSX.AppkitAccordion>('appkit-accordion', undefined, [\n  'label',\n  'open',\n  'disabled',\n  'appkitToggle'\n], [\n  'appkitToggle'\n]);\n\n\nexport const AppkitAccountButton: StencilVueComponent<JSX.AppkitAccountButton> = /*@__PURE__*/ defineContainer<JSX.AppkitAccountButton>('appkit-account-button', undefined, [\n  'address',\n  'balance',\n  'balanceSymbol',\n  'showAddress',\n  'showBalance',\n  'disabled'\n]);\n\n\nexport const AppkitAlertDialog: StencilVueComponent<JSX.AppkitAlertDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitAlertDialog>('appkit-alert-dialog', undefined, [\n  'open',\n  'heading',\n  'description',\n  'appkitClose',\n  'appkitOpenChange'\n], [\n  'appkitClose',\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitAvatar: StencilVueComponent<JSX.AppkitAvatar> = /*@__PURE__*/ defineContainer<JSX.AppkitAvatar>('appkit-avatar', undefined, [\n  'size',\n  'src',\n  'alt',\n  'fallback'\n]);\n\n\nexport const AppkitBadge: StencilVueComponent<JSX.AppkitBadge> = /*@__PURE__*/ defineContainer<JSX.AppkitBadge>('appkit-badge', undefined, [\n  'variant'\n]);\n\n\nexport const AppkitButton: StencilVueComponent<JSX.AppkitButton> = /*@__PURE__*/ defineContainer<JSX.AppkitButton>('appkit-button', undefined, [\n  'variant',\n  'size',\n  'disabled',\n  'type',\n  'locale',\n  'ariaLabel',\n  'eventName'\n]);\n\n\nexport const AppkitCard: StencilVueComponent<JSX.AppkitCard> = /*@__PURE__*/ defineContainer<JSX.AppkitCard>('appkit-card', undefined);\n\n\nexport const AppkitCardContent: StencilVueComponent<JSX.AppkitCardContent> = /*@__PURE__*/ defineContainer<JSX.AppkitCardContent>('appkit-card-content', undefined);\n\n\nexport const AppkitCardDescription: StencilVueComponent<JSX.AppkitCardDescription> = /*@__PURE__*/ defineContainer<JSX.AppkitCardDescription>('appkit-card-description', undefined);\n\n\nexport const AppkitCardFooter: StencilVueComponent<JSX.AppkitCardFooter> = /*@__PURE__*/ defineContainer<JSX.AppkitCardFooter>('appkit-card-footer', undefined);\n\n\nexport const AppkitCardHeader: StencilVueComponent<JSX.AppkitCardHeader> = /*@__PURE__*/ defineContainer<JSX.AppkitCardHeader>('appkit-card-header', undefined);\n\n\nexport const AppkitCardTitle: StencilVueComponent<JSX.AppkitCardTitle> = /*@__PURE__*/ defineContainer<JSX.AppkitCardTitle>('appkit-card-title', undefined);\n\n\nexport const AppkitCheckbox: StencilVueComponent<JSX.AppkitCheckbox> = /*@__PURE__*/ defineContainer<JSX.AppkitCheckbox>('appkit-checkbox', undefined, [\n  'checked',\n  'disabled',\n  'label',\n  'name',\n  'value',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitCollapsible: StencilVueComponent<JSX.AppkitCollapsible> = /*@__PURE__*/ defineContainer<JSX.AppkitCollapsible>('appkit-collapsible', undefined, [\n  'open',\n  'appkitToggle'\n], [\n  'appkitToggle'\n]);\n\n\nexport const AppkitConnectButton: StencilVueComponent<JSX.AppkitConnectButton> = /*@__PURE__*/ defineContainer<JSX.AppkitConnectButton>('appkit-connect-button', undefined, [\n  'connected',\n  'connecting',\n  'address',\n  'balance',\n  'balanceSymbol',\n  'isBalanceLoading',\n  'tokenBalancesJson',\n  'explorerUrl',\n  'explorerLabel',\n  'isMobile',\n  'mobileWalletName',\n  'walletsJson',\n  'qrUri',\n  'qrLoading',\n  'qrError',\n  'appkitConnect',\n  'appkitDisconnect',\n  'appkitStartPairing',\n  'appkitRetry',\n  'appkitCancelPairing',\n  'appkitMobileDeepLink',\n  'appkitCopyAddress'\n], [\n  'appkitConnect',\n  'appkitDisconnect',\n  'appkitStartPairing',\n  'appkitRetry',\n  'appkitCancelPairing',\n  'appkitMobileDeepLink',\n  'appkitCopyAddress'\n]);\n\n\nexport const AppkitDialog: StencilVueComponent<JSX.AppkitDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitDialog>('appkit-dialog', undefined, [\n  'open',\n  'heading',\n  'appkitClose',\n  'appkitOpenChange'\n], [\n  'appkitClose',\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitDropdownMenu: StencilVueComponent<JSX.AppkitDropdownMenu> = /*@__PURE__*/ defineContainer<JSX.AppkitDropdownMenu>('appkit-dropdown-menu', undefined, [\n  'itemsJson',\n  'appkitSelect'\n], [\n  'appkitSelect'\n]);\n\n\nexport const AppkitInput: StencilVueComponent<JSX.AppkitInput> = /*@__PURE__*/ defineContainer<JSX.AppkitInput>('appkit-input', undefined, [\n  'type',\n  'placeholder',\n  'value',\n  'disabled',\n  'invalid',\n  'name',\n  'autocomplete',\n  'maxLength',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitPopover: StencilVueComponent<JSX.AppkitPopover> = /*@__PURE__*/ defineContainer<JSX.AppkitPopover>('appkit-popover', undefined, [\n  'open',\n  'placement',\n  'appkitOpenChange'\n], [\n  'appkitOpenChange'\n]);\n\n\nexport const AppkitProgress: StencilVueComponent<JSX.AppkitProgress> = /*@__PURE__*/ defineContainer<JSX.AppkitProgress>('appkit-progress', undefined, [\n  'value',\n  'max',\n  'label'\n]);\n\n\nexport const AppkitScrollArea: StencilVueComponent<JSX.AppkitScrollArea> = /*@__PURE__*/ defineContainer<JSX.AppkitScrollArea>('appkit-scroll-area', undefined);\n\n\nexport const AppkitSelect: StencilVueComponent<JSX.AppkitSelect> = /*@__PURE__*/ defineContainer<JSX.AppkitSelect>('appkit-select', undefined, [\n  'optionsJson',\n  'value',\n  'placeholder',\n  'disabled',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitSeparator: StencilVueComponent<JSX.AppkitSeparator> = /*@__PURE__*/ defineContainer<JSX.AppkitSeparator>('appkit-separator', undefined, [\n  'orientation',\n  'decorative'\n]);\n\n\nexport const AppkitSkeleton: StencilVueComponent<JSX.AppkitSkeleton> = /*@__PURE__*/ defineContainer<JSX.AppkitSkeleton>('appkit-skeleton', undefined);\n\n\nexport const AppkitSwitch: StencilVueComponent<JSX.AppkitSwitch> = /*@__PURE__*/ defineContainer<JSX.AppkitSwitch>('appkit-switch', undefined, [\n  'checked',\n  'disabled',\n  'label',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitTabs: StencilVueComponent<JSX.AppkitTabs> = /*@__PURE__*/ defineContainer<JSX.AppkitTabs>('appkit-tabs', undefined, [\n  'tabsJson',\n  'selected',\n  'appkitTabChange'\n], [\n  'appkitTabChange'\n]);\n\n\nexport const AppkitToggleGroup: StencilVueComponent<JSX.AppkitToggleGroup> = /*@__PURE__*/ defineContainer<JSX.AppkitToggleGroup>('appkit-toggle-group', undefined, [\n  'itemsJson',\n  'selected',\n  'multiple',\n  'appkitChange'\n], [\n  'appkitChange'\n]);\n\n\nexport const AppkitTooltip: StencilVueComponent<JSX.AppkitTooltip> = /*@__PURE__*/ defineContainer<JSX.AppkitTooltip>('appkit-tooltip', undefined, [\n  'content',\n  'placement'\n]);\n\n\n","import { isEvmAddress, parseCaip10 } from \"@naculus/connect-core\";\nimport { computed, toValue } from \"vue\";\nimport type { ComputedRef, MaybeRefOrGetter } from \"vue\";\n\nexport interface AccountEntry {\n  /** As the session reports it: CAIP-10 for most wallets, bare hex for some. */\n  address: string;\n  /** The namespace, when the entry was CAIP-10. Null for a bare address. */\n  namespace: string | null;\n  isEVM: boolean;\n}\n\nexport interface UseAccountsReturn {\n  accounts: ComputedRef<AccountEntry[]>;\n  evmAccount: ComputedRef<string | null>;\n  solanaAccount: ComputedRef<string | null>;\n}\n\n/**\n * Split a session's account list by what each entry actually is.\n *\n * The same reading as the React `useAccount`, because it is the same reading:\n * `parseCaip10` and `isEvmAddress` come from `@naculus/connect-core` and hold\n * every rule about which strings mean what. What differs between the two\n * bindings is `computed` versus `useMemo`, and nothing else.\n */\nexport function useAccounts(\n  accounts: MaybeRefOrGetter<string[] | null | undefined>,\n): UseAccountsReturn {\n  const parsed = computed<AccountEntry[]>(() =>\n    (toValue(accounts) ?? []).map((address) => {\n      const caip10 = parseCaip10(address);\n      if (caip10) {\n        return {\n          address,\n          namespace: caip10.namespace,\n          isEVM:\n            caip10.namespace === \"eip155\" && isEvmAddress(caip10.address),\n        };\n      }\n      // A bare 0x-40-hex value is unambiguously EVM. A bare base58 string is\n      // not unambiguously anything, so nothing is claimed about it.\n      return { address, namespace: null, isEVM: isEvmAddress(address) };\n    }),\n  );\n\n  return {\n    accounts: parsed,\n    evmAccount: computed(\n      () => parsed.value.find((a) => a.isEVM)?.address ?? null,\n    ),\n    solanaAccount: computed(\n      () => parsed.value.find((a) => a.namespace === \"solana\")?.address ?? null,\n    ),\n  };\n}\n","import {\n  chainNamespace,\n  chainNumber,\n  chainsForNamespace,\n  describeChain,\n  resolveChain,\n  type ChainInfo,\n  type WalletChain,\n} from \"@naculus/connect-appkit-core\";\nimport { computed, toValue } from \"vue\";\nimport type { ComputedRef, MaybeRefOrGetter } from \"vue\";\n\nexport interface UseChainReturn {\n  /** The configured chain matching the connected CAIP-2 id, or null. */\n  currentChain: ComputedRef<WalletChain | null>;\n  /** A description of the connected chain, for any namespace. */\n  chainInfo: ComputedRef<ChainInfo | null>;\n  /** Only the chains the connected wallet could actually switch to. */\n  availableChains: ComputedRef<WalletChain[]>;\n  /** The EIP-155 number, or null when the connected chain has none. */\n  currentChainNumber: ComputedRef<number | null>;\n  namespace: ComputedRef<string | null>;\n}\n\n/**\n * The connected chain, and the chains it is possible to switch to.\n *\n * Identical in substance to the React `useChain`, because it is the same five\n * functions from `@naculus/connect-appkit-core`. This file contains no\n * decision at all — which is the point: `availableChains` filtering to the\n * connected namespace, `chainInfo` describing non-EVM chains, and\n * `currentChainNumber` refusing to invent a number for Solana are all\n * properties of the shared core, so both bindings get them or neither does.\n *\n * Takes its chain list and connected id as arguments; Vue has no equivalent of\n * the React provider here.\n */\nexport function useChain(\n  chains: MaybeRefOrGetter<WalletChain[] | null | undefined>,\n  chainId: MaybeRefOrGetter<string | null | undefined>,\n): UseChainReturn {\n  const list = computed(() => toValue(chains) ?? []);\n  const id = computed(() => toValue(chainId) ?? null);\n\n  const currentChain = computed(() => resolveChain(list.value, id.value));\n\n  return {\n    currentChain,\n    chainInfo: computed(() => describeChain(list.value, id.value)),\n    availableChains: computed(() => chainsForNamespace(list.value, id.value)),\n    currentChainNumber: computed(() =>\n      currentChain.value ? chainNumber(currentChain.value) : null,\n    ),\n    namespace: computed(() =>\n      currentChain.value ? chainNamespace(currentChain.value) : null,\n    ),\n  };\n}\n","import type { PassphraseGate, PassphraseRequest } from \"@naculus/connect-core\";\nimport { onScopeDispose, readonly, shallowRef } from \"vue\";\n\nexport interface UsePassphraseGateReturn {\n  /** The open request, or null when nothing is being asked. */\n  request: Readonly<ReturnType<typeof shallowRef<PassphraseRequest | null>>>;\n  /** Answer the open request. */\n  submit: (passphrase: string) => void;\n  /** Abandon it, failing the load or save that asked. */\n  cancel: (reason?: string) => void;\n  /** Drop the held passphrase, so the next operation asks again. */\n  forget: (reason?: string) => void;\n}\n\n/**\n * Bind a `PassphraseGate` into Vue reactivity.\n *\n * The gate itself lives in `@naculus/connect-core` rather than in either\n * framework package, because the thing it bridges — an encrypted storage\n * adapter asking for a passphrase from inside code that has never heard of a\n * component — is the same problem in React and in Vue. One implementation,\n * two thin bindings.\n *\n * ```ts\n * const gate = new PassphraseGate()\n * const wallet = new PocketWallet({ encryptionPassphrase: gate.request })\n * const { request, submit, cancel } = usePassphraseGate(gate)\n * ```\n *\n * `shallowRef`, not `ref`: the request is a small immutable snapshot the gate\n * replaces wholesale, and deep reactivity over it would proxy an object that\n * never mutates in place.\n */\nexport function usePassphraseGate(\n  gate: PassphraseGate,\n): UsePassphraseGateReturn {\n  const request = shallowRef<PassphraseRequest | null>(gate.getSnapshot());\n  const unsubscribe = gate.subscribe(() => {\n    request.value = gate.getSnapshot();\n  });\n  // Without this the gate keeps a reference to a listener belonging to a\n  // component that is gone, and every later prompt writes into a dead ref.\n  onScopeDispose(unsubscribe);\n\n  return {\n    request: readonly(request) as UsePassphraseGateReturn[\"request\"],\n    submit: (passphrase: string) => gate.submit(passphrase),\n    cancel: (reason?: string) => gate.cancel(reason),\n    forget: (reason?: string) => gate.forget(reason),\n  };\n}\n","import {\n  getSolanaBalance,\n  type SolanaBalance,\n} from \"@naculus/connect-core\";\nimport { onScopeDispose, ref, shallowRef, toValue, watchEffect } from \"vue\";\nimport type { MaybeRefOrGetter } from \"vue\";\n\nexport interface UseSolanaBalanceReturn {\n  balance: ReturnType<typeof shallowRef<SolanaBalance | null>>;\n  isFetching: ReturnType<typeof ref<boolean>>;\n  error: ReturnType<typeof shallowRef<Error | null>>;\n  refetch: () => Promise<void>;\n}\n\n/**\n * The SOL balance of an address.\n *\n * The whole of this file is Vue plumbing. Every decision that took thought —\n * exact lamport arithmetic, distinguishing an unfunded account from an emptied\n * one, refusing to invent a zero — is in `@naculus/connect-core`, shared with\n * the React hook. That is what makes \"author in React, ship to Vue\" true for\n * the logic: what does not translate is only the reactivity.\n *\n * Takes its address and endpoint as arguments because Vue has no equivalent of\n * the React provider here. Refs and getters both work.\n */\nexport function useSolanaBalance(\n  address: MaybeRefOrGetter<string | null | undefined>,\n  rpcUrl: MaybeRefOrGetter<string | null | undefined>,\n): UseSolanaBalanceReturn {\n  const balance = shallowRef<SolanaBalance | null>(null);\n  const isFetching = ref(false);\n  const error = shallowRef<Error | null>(null);\n  // Guards against a slow response for a previous address overwriting the\n  // balance of the one now on screen.\n  let generation = 0;\n  let disposed = false;\n\n  const refetch = async () => {\n    const addr = toValue(address);\n    const url = toValue(rpcUrl);\n    if (!addr || !url) {\n      balance.value = null;\n      return;\n    }\n    const own = ++generation;\n    isFetching.value = true;\n    error.value = null;\n    try {\n      const next = await getSolanaBalance(url, addr);\n      if (disposed || own !== generation) return;\n      balance.value = next;\n    } catch (err) {\n      if (disposed || own !== generation) return;\n      // Cleared rather than left stale: a balance shown next to an error\n      // reads as the current balance, and it is not.\n      balance.value = null;\n      error.value =\n        err instanceof Error ? err : new Error(\"Balance read failed\");\n    } finally {\n      if (!disposed && own === generation) isFetching.value = false;\n    }\n  };\n\n  watchEffect(() => {\n    // Touch both so the effect re-runs when either changes.\n    toValue(address);\n    toValue(rpcUrl);\n    void refetch();\n  });\n\n  onScopeDispose(() => {\n    disposed = true;\n  });\n\n  return { balance, isFetching, error, refetch };\n}\n"],"mappings":"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","names":["computed","toValue","onScopeDispose","shallowRef","toValue"]}

package/package.json

@@ -1,18 +1,38 @@
 {
   "name": "@naculus/connect-appkit-vue",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist/",
+    "README.md"
+  ],
   "dependencies": {
     "@stencil/vue-output-target": "^0.14.1",
-    "@naculus/connect-appkit-wc": "0.1.9"
+    "@naculus/connect-appkit-wc": "0.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "@naculus/connect-core": "^0.2.0",
+    "@naculus/connect-appkit-core": "^0.2.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
-    "vue": "^3.5.40"
+    "vue": "^3.5.40",
+    "@naculus/connect-core": "^0.2.0",
+    "vitest": "^4.0.0",
+    "@naculus/connect-appkit-core": "0.2.0"
   },
   "repository": {
     "type": "git",
@@ -30,9 +50,6 @@
     "components",
     "vue"
   ],
-  "optionalDependencies": {
-    "@naculus/connect-appkit-ui": "0.1.9"
-  },
   "scripts": {
     "build": "tsup",
     "test": "vitest run"

package/src/index.ts

@@ -1,30 +0,0 @@
-export {
-  AppkitAccordion,
-  AppkitAccountButton,
-  AppkitAlertDialog,
-  AppkitAvatar,
-  AppkitBadge,
-  AppkitButton,
-  AppkitCard,
-  AppkitCardContent,
-  AppkitCardDescription,
-  AppkitCardFooter,
-  AppkitCardHeader,
-  AppkitCardTitle,
-  AppkitCheckbox,
-  AppkitCollapsible,
-  AppkitConnectButton,
-  AppkitDialog,
-  AppkitDropdownMenu,
-  AppkitInput,
-  AppkitPopover,
-  AppkitProgress,
-  AppkitScrollArea,
-  AppkitSelect,
-  AppkitSeparator,
-  AppkitSkeleton,
-  AppkitSwitch,
-  AppkitTabs,
-  AppkitToggleGroup,
-  AppkitTooltip,
-} from "./wc-generated/proxies"

package/src/wc-generated/proxies.ts

@@ -1,242 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated vue proxies */
-import { defineContainer, type StencilVueComponent } from '@stencil/vue-output-target/runtime';
-
-import type { JSX } from '@naculus/connect-appkit-wc';
-
-
-
-
-
-export const AppkitAccordion: StencilVueComponent<JSX.AppkitAccordion> = /*@__PURE__*/ defineContainer<JSX.AppkitAccordion>('appkit-accordion', undefined, [
-  'label',
-  'open',
-  'disabled',
-  'appkitToggle'
-], [
-  'appkitToggle'
-]);
-
-
-export const AppkitAccountButton: StencilVueComponent<JSX.AppkitAccountButton> = /*@__PURE__*/ defineContainer<JSX.AppkitAccountButton>('appkit-account-button', undefined, [
-  'address',
-  'balance',
-  'balanceSymbol',
-  'showAddress',
-  'showBalance',
-  'disabled'
-]);
-
-
-export const AppkitAlertDialog: StencilVueComponent<JSX.AppkitAlertDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitAlertDialog>('appkit-alert-dialog', undefined, [
-  'open',
-  'heading',
-  'description',
-  'appkitClose',
-  'appkitOpenChange'
-], [
-  'appkitClose',
-  'appkitOpenChange'
-]);
-
-
-export const AppkitAvatar: StencilVueComponent<JSX.AppkitAvatar> = /*@__PURE__*/ defineContainer<JSX.AppkitAvatar>('appkit-avatar', undefined, [
-  'size',
-  'src',
-  'alt',
-  'fallback'
-]);
-
-
-export const AppkitBadge: StencilVueComponent<JSX.AppkitBadge> = /*@__PURE__*/ defineContainer<JSX.AppkitBadge>('appkit-badge', undefined, [
-  'variant'
-]);
-
-
-export const AppkitButton: StencilVueComponent<JSX.AppkitButton> = /*@__PURE__*/ defineContainer<JSX.AppkitButton>('appkit-button', undefined, [
-  'variant',
-  'size',
-  'disabled',
-  'type',
-  'locale',
-  'ariaLabel',
-  'eventName'
-]);
-
-
-export const AppkitCard: StencilVueComponent<JSX.AppkitCard> = /*@__PURE__*/ defineContainer<JSX.AppkitCard>('appkit-card', undefined);
-
-
-export const AppkitCardContent: StencilVueComponent<JSX.AppkitCardContent> = /*@__PURE__*/ defineContainer<JSX.AppkitCardContent>('appkit-card-content', undefined);
-
-
-export const AppkitCardDescription: StencilVueComponent<JSX.AppkitCardDescription> = /*@__PURE__*/ defineContainer<JSX.AppkitCardDescription>('appkit-card-description', undefined);
-
-
-export const AppkitCardFooter: StencilVueComponent<JSX.AppkitCardFooter> = /*@__PURE__*/ defineContainer<JSX.AppkitCardFooter>('appkit-card-footer', undefined);
-
-
-export const AppkitCardHeader: StencilVueComponent<JSX.AppkitCardHeader> = /*@__PURE__*/ defineContainer<JSX.AppkitCardHeader>('appkit-card-header', undefined);
-
-
-export const AppkitCardTitle: StencilVueComponent<JSX.AppkitCardTitle> = /*@__PURE__*/ defineContainer<JSX.AppkitCardTitle>('appkit-card-title', undefined);
-
-
-export const AppkitCheckbox: StencilVueComponent<JSX.AppkitCheckbox> = /*@__PURE__*/ defineContainer<JSX.AppkitCheckbox>('appkit-checkbox', undefined, [
-  'checked',
-  'disabled',
-  'label',
-  'name',
-  'value',
-  'appkitChange'
-], [
-  'appkitChange'
-]);
-
-
-export const AppkitCollapsible: StencilVueComponent<JSX.AppkitCollapsible> = /*@__PURE__*/ defineContainer<JSX.AppkitCollapsible>('appkit-collapsible', undefined, [
-  'open',
-  'appkitToggle'
-], [
-  'appkitToggle'
-]);
-
-
-export const AppkitConnectButton: StencilVueComponent<JSX.AppkitConnectButton> = /*@__PURE__*/ defineContainer<JSX.AppkitConnectButton>('appkit-connect-button', undefined, [
-  'connected',
-  'connecting',
-  'address',
-  'balance',
-  'balanceSymbol',
-  'isBalanceLoading',
-  'tokenBalancesJson',
-  'explorerUrl',
-  'walletsJson',
-  'qrUri',
-  'qrLoading',
-  'qrError',
-  'appkitConnect',
-  'appkitDisconnect',
-  'appkitStartPairing',
-  'appkitRetry',
-  'appkitMobileDeepLink',
-  'appkitCopyAddress'
-], [
-  'appkitConnect',
-  'appkitDisconnect',
-  'appkitStartPairing',
-  'appkitRetry',
-  'appkitMobileDeepLink',
-  'appkitCopyAddress'
-]);
-
-
-export const AppkitDialog: StencilVueComponent<JSX.AppkitDialog> = /*@__PURE__*/ defineContainer<JSX.AppkitDialog>('appkit-dialog', undefined, [
-  'open',
-  'heading',
-  'appkitClose',
-  'appkitOpenChange'
-], [
-  'appkitClose',
-  'appkitOpenChange'
-]);
-
-
-export const AppkitDropdownMenu: StencilVueComponent<JSX.AppkitDropdownMenu> = /*@__PURE__*/ defineContainer<JSX.AppkitDropdownMenu>('appkit-dropdown-menu', undefined, [
-  'itemsJson',
-  'appkitSelect'
-], [
-  'appkitSelect'
-]);
-
-
-export const AppkitInput: StencilVueComponent<JSX.AppkitInput> = /*@__PURE__*/ defineContainer<JSX.AppkitInput>('appkit-input', undefined, [
-  'type',
-  'placeholder',
-  'value',
-  'disabled',
-  'invalid',
-  'name',
-  'autocomplete',
-  'maxLength',
-  'appkitChange'
-], [
-  'appkitChange'
-]);
-
-
-export const AppkitPopover: StencilVueComponent<JSX.AppkitPopover> = /*@__PURE__*/ defineContainer<JSX.AppkitPopover>('appkit-popover', undefined, [
-  'open',
-  'placement',
-  'appkitOpenChange'
-], [
-  'appkitOpenChange'
-]);
-
-
-export const AppkitProgress: StencilVueComponent<JSX.AppkitProgress> = /*@__PURE__*/ defineContainer<JSX.AppkitProgress>('appkit-progress', undefined, [
-  'value',
-  'max',
-  'label'
-]);
-
-
-export const AppkitScrollArea: StencilVueComponent<JSX.AppkitScrollArea> = /*@__PURE__*/ defineContainer<JSX.AppkitScrollArea>('appkit-scroll-area', undefined);
-
-
-export const AppkitSelect: StencilVueComponent<JSX.AppkitSelect> = /*@__PURE__*/ defineContainer<JSX.AppkitSelect>('appkit-select', undefined, [
-  'optionsJson',
-  'value',
-  'placeholder',
-  'disabled',
-  'appkitChange'
-], [
-  'appkitChange'
-]);
-
-
-export const AppkitSeparator: StencilVueComponent<JSX.AppkitSeparator> = /*@__PURE__*/ defineContainer<JSX.AppkitSeparator>('appkit-separator', undefined, [
-  'orientation',
-  'decorative'
-]);
-
-
-export const AppkitSkeleton: StencilVueComponent<JSX.AppkitSkeleton> = /*@__PURE__*/ defineContainer<JSX.AppkitSkeleton>('appkit-skeleton', undefined);
-
-
-export const AppkitSwitch: StencilVueComponent<JSX.AppkitSwitch> = /*@__PURE__*/ defineContainer<JSX.AppkitSwitch>('appkit-switch', undefined, [
-  'checked',
-  'disabled',
-  'label',
-  'appkitChange'
-], [
-  'appkitChange'
-]);
-
-
-export const AppkitTabs: StencilVueComponent<JSX.AppkitTabs> = /*@__PURE__*/ defineContainer<JSX.AppkitTabs>('appkit-tabs', undefined, [
-  'tabsJson',
-  'selected',
-  'appkitTabChange'
-], [
-  'appkitTabChange'
-]);
-
-
-export const AppkitToggleGroup: StencilVueComponent<JSX.AppkitToggleGroup> = /*@__PURE__*/ defineContainer<JSX.AppkitToggleGroup>('appkit-toggle-group', undefined, [
-  'itemsJson',
-  'selected',
-  'multiple',
-  'appkitChange'
-], [
-  'appkitChange'
-]);
-
-
-export const AppkitTooltip: StencilVueComponent<JSX.AppkitTooltip> = /*@__PURE__*/ defineContainer<JSX.AppkitTooltip>('appkit-tooltip', undefined, [
-  'content',
-  'placement'
-]);
-
-

package/tsup.config.ts

@@ -1,11 +0,0 @@
-import { defineConfig } from "tsup";
-
-export default defineConfig({
-  entry: ["src/index.ts"],
-  format: ["esm", "cjs"],
-  dts: false,
-  splitting: false,
-  sourcemap: true,
-  clean: true,
-  external: [/^@naculus\//, /^@stencil\//, "react", "vue"],
-});