Initial commit: Pezkuwi SDK UI

Comprehensive web interface for interacting with Pezkuwi blockchain.

Features:
- Blockchain explorer
- Wallet management
- Staking interface
- Governance participation
- Developer tools

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

packages/react-query/src/BalanceVoting.tsx

@@ -0,0 +1,36 @@
+// Copyright 2017-2026 @pezkuwi/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@pezkuwi/api-derive/types';
+import type { AccountId, AccountIndex, Address } from '@pezkuwi/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@pezkuwi/react-hooks';
+
+import FormatBalance from './FormatBalance.js';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  isReferenda?: boolean;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+function BalanceVoting ({ children, className = '', isReferenda, label, params }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const allBalances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [params]);
+
+  return (
+    <FormatBalance
+      className={className}
+      label={label}
+      value={isReferenda && api.query.convictionVoting && allBalances ? allBalances.votingBalance.add(allBalances.reservedBalance) : allBalances?.votingBalance}
+    >
+      {children}
+    </FormatBalance>
+  );
+}
+
+export default React.memo(BalanceVoting);