@lumen-dapps-kit/web3 0.1.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressDisplay.tsx","../src/components/WalletPill.tsx","../src/components/NetworkStatus.tsx","../src/components/ChainSelector.tsx","../src/components/GasIndicator.tsx","../src/components/TxStatus.tsx","../src/components/AmountDisplay.tsx"],"names":["useState","useCallback","jsx","cn","jsxs","Fragment","PulseDot"],"mappings":"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","file":"index.js","sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\nimport { cn } from '@lumen-dapps-kit/ui';\nimport { truncateAddress } from '../utils';\n\nexport interface AddressDisplayProps {\n  /** Raw address. */\n  address: string;\n  /** Optional ENS / display name override. */\n  name?: string;\n  /** Show a small chain symbol after the address. */\n  chainSymbol?: string;\n  /** Enable click-to-copy. Defaults true. */\n  copyable?: boolean;\n  /** Surface treatment. */\n  variant?: 'pill' | 'inline';\n  /** Truncation params. */\n  head?: number;\n  tail?: number;\n  className?: string;\n}\n\n/**\n * AddressDisplay — wallet address with optional name resolution, chain\n * label, and click-to-copy. Chain-agnostic — you resolve ENS/name yourself\n * (e.g. via wagmi's useEnsName) and pass it as `name`.\n */\nexport const AddressDisplay = ({\n  address,\n  name,\n  chainSymbol,\n  copyable = true,\n  variant = 'pill',\n  head = 4,\n  tail = 4,\n  className,\n}: AddressDisplayProps) => {\n  const [copied, setCopied] = useState(false);\n  const handleCopy = useCallback(async () => {\n    if (!copyable || !address) return;\n    try {\n      await navigator.clipboard.writeText(address);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1200);\n    } catch {\n      /* noop */\n    }\n  }, [address, copyable]);\n\n  const label = name || truncateAddress(address, { head, tail });\n\n  if (variant === 'inline') {\n    return (\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        disabled={!copyable}\n        className={cn(\n          'mono text-[11px] text-ink-900 hover:text-white transition-colors',\n          className\n        )}\n        title={address}\n      >\n        {copied ? 'COPIED' : label}\n      </button>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleCopy}\n      disabled={!copyable}\n      title={address}\n      className={cn(\n        'flex items-center gap-2 px-3 h-8 hairline mono text-[11px] transition-colors',\n        copyable && 'hover:bg-white/5',\n        className\n      )}\n    >\n      <span className=\"w-1.5 h-1.5 bg-white\" aria-hidden=\"true\" />\n      <span className=\"text-ink-900\">{copied ? 'COPIED' : label}</span>\n      {chainSymbol && (\n        <>\n          <span className=\"text-ink-700\">·</span>\n          <span className=\"text-ink-700\">{chainSymbol}</span>\n        </>\n      )}\n    </button>\n  );\n};\n","'use client';\n\nimport { useCallback, useState } from 'react';\nimport { cn, Button } from '@lumen-dapps-kit/ui';\nimport { truncateAddress } from '../utils';\n\nexport interface WalletPillProps {\n  /** Address — undefined renders the connect CTA. */\n  address?: string;\n  /** Display name (ENS, etc). */\n  name?: string;\n  /** Active chain symbol shown after the address. */\n  chainSymbol?: string;\n  onConnect?: () => void;\n  /** When provided, the pill becomes a click target (opens an account drawer, etc).\n   *  When omitted, the pill defaults to click-to-copy. */\n  onClick?: () => void;\n  /** Loading state during connect/reconnect handshake. */\n  pending?: boolean;\n  className?: string;\n}\n\n/**\n * WalletPill — top-right wallet affordance. Renders a CONNECT button when\n * disconnected; a pill with truncated address (+ optional ENS, chain symbol)\n * when connected. Wallet-library agnostic — pass state in via props.\n */\nexport const WalletPill = ({\n  address,\n  name,\n  chainSymbol,\n  onConnect,\n  onClick,\n  pending,\n  className,\n}: WalletPillProps) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(async () => {\n    if (!address) return;\n    try {\n      await navigator.clipboard.writeText(address);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1200);\n    } catch {\n      /* noop */\n    }\n  }, [address]);\n\n  if (!address) {\n    return (\n      <Button\n        variant=\"primary\"\n        size=\"sm\"\n        onClick={onConnect}\n        disabled={pending}\n        className={cn(className)}\n      >\n        {pending ? 'CONNECTING…' : 'CONNECT WALLET'}\n      </Button>\n    );\n  }\n\n  const handleClick = onClick ?? handleCopy;\n  const label = copied ? 'COPIED' : name || truncateAddress(address);\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      title={address}\n      className={cn(\n        'flex items-center gap-2 px-3 h-8 hairline mono text-[11px] hover:bg-white/5 transition-colors',\n        className\n      )}\n    >\n      <span className=\"w-1.5 h-1.5 bg-white\" aria-hidden=\"true\" />\n      <span className=\"text-ink-900\">{label}</span>\n      {chainSymbol && (\n        <>\n          <span className=\"text-ink-700\">·</span>\n          <span className=\"text-ink-700\">{chainSymbol}</span>\n        </>\n      )}\n    </button>\n  );\n};\n","'use client';\n\nimport { cn, PulseDot } from '@lumen-dapps-kit/ui';\n\nexport interface NetworkStatusProps {\n  /** \"online\" | \"degraded\" | \"offline\" */\n  state?: 'online' | 'degraded' | 'offline';\n  /** Latency in ms, rendered as \"42ms\". */\n  latencyMs?: number;\n  /** Optional override label (\"NET ONLINE\", \"RPC DOWN\", etc). */\n  label?: string;\n  className?: string;\n}\n\nconst TONE = {\n  online: { dot: 'ok' as const, txt: 'NET ONLINE' },\n  degraded: { dot: 'warn' as const, txt: 'NET DEGRADED' },\n  offline: { dot: 'err' as const, txt: 'NET OFFLINE' },\n};\n\n/**\n * NetworkStatus — the pulsing network-state pill from the header. Pairs\n * with RPC health checks or a wagmi `useBlockNumber` watcher.\n */\nexport const NetworkStatus = ({\n  state = 'online',\n  latencyMs,\n  label,\n  className,\n}: NetworkStatusProps) => {\n  const tone = TONE[state];\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-2 px-3 h-8 hairline mono text-[11px] text-ink-800',\n        className\n      )}\n    >\n      <PulseDot tone={tone.dot} />\n      <span>{label ?? tone.txt}</span>\n      {typeof latencyMs === 'number' && (\n        <>\n          <span className=\"text-ink-600\">·</span>\n          <span className=\"text-ink-700\">{Math.round(latencyMs)}ms</span>\n        </>\n      )}\n    </div>\n  );\n};\n","'use client';\n\nimport { useState } from 'react';\nimport { cn } from '@lumen-dapps-kit/ui';\nimport type { ChainBrief } from '../utils';\n\nexport interface ChainSelectorProps {\n  chains: ChainBrief[];\n  /** Selected chain id. */\n  value: ChainBrief['id'];\n  onChange?: (id: ChainBrief['id']) => void;\n  className?: string;\n}\n\n/**\n * ChainSelector — a minimal dropdown for switching active networks. Pure\n * controlled component — pair with wagmi's `useSwitchChain` for execution.\n *\n * For dApps that need testnet/mainnet groupings, sort the `chains` prop\n * upstream (testnets last) — this component renders them in input order.\n */\nexport const ChainSelector = ({\n  chains,\n  value,\n  onChange,\n  className,\n}: ChainSelectorProps) => {\n  const [open, setOpen] = useState(false);\n  const active = chains.find((c) => c.id === value) ?? chains[0];\n\n  if (!active) return null;\n\n  return (\n    <div className={cn('relative', className)}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((o) => !o)}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        className=\"flex items-center gap-2 px-3 h-8 hairline mono text-[11px] hover:bg-white/5\"\n      >\n        <span\n          className=\"w-1.5 h-1.5\"\n          style={{ backgroundColor: active.color ?? '#ffffff' }}\n          aria-hidden=\"true\"\n        />\n        <span className=\"text-ink-900\">{active.symbol}</span>\n        <span className=\"text-ink-700\">·</span>\n        <span className=\"text-ink-700 text-[10.5px]\">{active.name}</span>\n        {active.testnet && (\n          <span className=\"text-signal-warn ml-1\">TESTNET</span>\n        )}\n      </button>\n\n      {open && (\n        <>\n          <div\n            className=\"fixed inset-0 z-40\"\n            onClick={() => setOpen(false)}\n            aria-hidden=\"true\"\n          />\n          <div\n            role=\"listbox\"\n            className=\"absolute right-0 mt-1 min-w-[240px] glass z-50 p-1\"\n          >\n            {chains.map((c) => {\n              const selected = c.id === value;\n              return (\n                <button\n                  key={c.id}\n                  role=\"option\"\n                  aria-selected={selected}\n                  type=\"button\"\n                  onClick={() => {\n                    onChange?.(c.id);\n                    setOpen(false);\n                  }}\n                  className={cn(\n                    'w-full flex items-center gap-2 px-3 h-8 mono text-[11px] text-left transition-colors',\n                    selected\n                      ? 'bg-white text-black'\n                      : 'text-ink-800 hover:bg-white/5'\n                  )}\n                >\n                  <span\n                    className=\"w-1.5 h-1.5\"\n                    style={{ backgroundColor: c.color ?? '#ffffff' }}\n                    aria-hidden=\"true\"\n                  />\n                  <span\n                    className={cn(\n                      'font-medium',\n                      selected ? 'text-black' : 'text-ink-900'\n                    )}\n                  >\n                    {c.symbol}\n                  </span>\n                  <span\n                    className={cn(\n                      selected ? 'text-black/60' : 'text-ink-700'\n                    )}\n                  >\n                    · {c.name}\n                  </span>\n                  {c.testnet && (\n                    <span\n                      className={cn(\n                        'ml-auto',\n                        selected ? 'text-black' : 'text-signal-warn'\n                      )}\n                    >\n                      TESTNET\n                    </span>\n                  )}\n                </button>\n              );\n            })}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n","'use client';\n\nimport { cn } from '@lumen-dapps-kit/ui';\nimport { formatGwei } from '../utils';\n\nexport interface GasIndicatorProps {\n  /** Current gas price in wei (bigint) or gwei (pass `unit=\"gwei\"`). */\n  value: bigint | string | number;\n  /** Unit of the `value` prop. Defaults wei. */\n  unit?: 'wei' | 'gwei';\n  /** Optional threshold gwei values that flip tone (warn/err). */\n  thresholds?: { warn: number; err: number };\n  /** Label prefix. Defaults \"GAS\". */\n  label?: string;\n  className?: string;\n}\n\n/**\n * GasIndicator — chip showing current gas price with tone shifts at warn/err\n * thresholds. Drop into the footer status bar or near tx CTAs.\n */\nexport const GasIndicator = ({\n  value,\n  unit = 'wei',\n  thresholds = { warn: 40, err: 100 },\n  label = 'GAS',\n  className,\n}: GasIndicatorProps) => {\n  const gwei =\n    unit === 'gwei'\n      ? Number(value)\n      : Number(typeof value === 'bigint' ? value : BigInt(value)) / 1e9;\n\n  const tone =\n    gwei >= thresholds.err\n      ? 'text-signal-err'\n      : gwei >= thresholds.warn\n        ? 'text-signal-warn'\n        : 'text-signal-ok';\n\n  return (\n    <span className={cn('mono text-[10.5px] tracking-wider', className)}>\n      <span className=\"text-ink-800\">{label}</span>{' '}\n      <span className={cn('tabular-nums', tone)}>{formatGwei(value)} gwei</span>\n    </span>\n  );\n};\n","'use client';\n\nimport { cn, StatusBadge, PulseDot } from '@lumen-dapps-kit/ui';\nimport type { TxState } from '../utils';\nimport { truncateAddress } from '../utils';\n\nexport interface TxStatusProps {\n  state: TxState;\n  /** Tx hash, when available. */\n  hash?: string;\n  /** Optional block explorer URL to link to. */\n  explorerUrl?: string;\n  /** Optional title (defaults from state). */\n  title?: string;\n  /** Confirmations seen so far. */\n  confirmations?: number;\n  /** Required confirmations target. */\n  requiredConfirmations?: number;\n  className?: string;\n}\n\nconst COPY: Record<TxState, { title: string; tone: 'ok' | 'warn' | 'err' | 'data' | 'muted'; live: boolean }> = {\n  idle: { title: 'IDLE', tone: 'muted', live: false },\n  preparing: { title: 'PREPARING', tone: 'data', live: true },\n  'awaiting-signature': { title: 'AWAITING SIGNATURE', tone: 'warn', live: true },\n  pending: { title: 'PENDING', tone: 'data', live: true },\n  confirmed: { title: 'CONFIRMED', tone: 'ok', live: false },\n  failed: { title: 'FAILED', tone: 'err', live: false },\n  rejected: { title: 'REJECTED', tone: 'err', live: false },\n};\n\n/**\n * TxStatus — transaction lifecycle indicator. Six canonical states, each\n * with its own tone + dot/badge. Pair with wagmi's `useWaitForTransactionReceipt`\n * to drive state, or any custom signer flow.\n */\nexport const TxStatus = ({\n  state,\n  hash,\n  explorerUrl,\n  title,\n  confirmations,\n  requiredConfirmations,\n  className,\n}: TxStatusProps) => {\n  const copy = COPY[state];\n  const label = title ?? copy.title;\n  const link =\n    hash && explorerUrl\n      ? `${explorerUrl.replace(/\\/$/, '')}/tx/${hash}`\n      : undefined;\n\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-between hairline px-3 py-2.5',\n        className\n      )}\n    >\n      <div className=\"flex items-center gap-2.5\">\n        {copy.live ? (\n          <PulseDot tone={copy.tone === 'muted' ? 'data' : copy.tone} />\n        ) : (\n          <StatusBadge tone={copy.tone} dot>\n            {''}\n          </StatusBadge>\n        )}\n        <span className=\"mono text-[11px] text-ink-900\">{label}</span>\n      </div>\n      <div className=\"flex items-center gap-3 mono text-[10.5px] text-ink-700\">\n        {typeof confirmations === 'number' &&\n          typeof requiredConfirmations === 'number' && (\n            <span className=\"tabular-nums\">\n              {confirmations}/{requiredConfirmations} CONF\n            </span>\n          )}\n        {hash && (\n          link ? (\n            <a\n              href={link}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"text-ink-800 hover:text-white underline-offset-2 hover:underline\"\n            >\n              {truncateAddress(hash, { head: 6, tail: 4 })}\n            </a>\n          ) : (\n            <span className=\"text-ink-800\">\n              {truncateAddress(hash, { head: 6, tail: 4 })}\n            </span>\n          )\n        )}\n      </div>\n    </div>\n  );\n};\n","'use client';\n\nimport { cn } from '@lumen-dapps-kit/ui';\nimport { formatUnits } from '../utils';\n\nexport interface AmountDisplayProps {\n  /** Raw value in base units (e.g. wei for ETH). */\n  value: bigint | string;\n  /** Decimal places of the token. */\n  decimals: number;\n  /** Symbol to render after the amount. */\n  symbol?: string;\n  /** Decimals to display. Defaults 4. */\n  displayDecimals?: number;\n  /** Size scale of the rendered amount. */\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /** USD value (numeric). Renders as a caption beneath. */\n  usd?: number;\n  className?: string;\n}\n\nconst SIZE = {\n  sm: 'text-[14px]',\n  md: 'text-[18px]',\n  lg: 'text-[24px]',\n  xl: 'text-[40px]',\n} as const;\n\n/**\n * AmountDisplay — formats a base-unit bigint as a tabular-nums token amount\n * with optional USD caption. Use for balances, deposits, claim amounts.\n */\nexport const AmountDisplay = ({\n  value,\n  decimals,\n  symbol,\n  displayDecimals = 4,\n  size = 'md',\n  usd,\n  className,\n}: AmountDisplayProps) => (\n  <div className={cn('leading-none', className)}>\n    <div className=\"flex items-baseline gap-1\">\n      <span\n        className={cn('font-semibold tabular-nums tracking-tight', SIZE[size])}\n      >\n        {formatUnits(value, decimals, displayDecimals)}\n      </span>\n      {symbol && (\n        <span className=\"text-ink-700 text-[11px]\">{symbol}</span>\n      )}\n    </div>\n    {typeof usd === 'number' && (\n      <div className=\"mono text-[10.5px] text-ink-700 mt-1 tabular-nums\">\n        ${usd.toLocaleString('en-US', { maximumFractionDigits: 2 })}\n      </div>\n    )}\n  </div>\n);\n"]}

package/dist/utils.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+// src/utils.ts
+var truncateAddress = (address, { head = 4, tail = 4, sep = "\u2026" } = {}) => {
+  if (!address) return "";
+  const hasPrefix = address.startsWith("0x");
+  const prefix = hasPrefix ? "0x" : "";
+  const body = hasPrefix ? address.slice(2) : address;
+  if (body.length <= head + tail) return address;
+  return `${prefix}${body.slice(0, head)}${sep}${body.slice(-tail)}`;
+};
+var formatGwei = (wei, decimals = 2) => {
+  const n = typeof wei === "bigint" ? Number(wei) : Number(wei);
+  const gwei = n / 1e9;
+  return gwei.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: decimals
+  });
+};
+var formatUnits = (value, decimals, displayDecimals = 4) => {
+  const v = typeof value === "string" ? BigInt(value) : value;
+  const negative = v < 0n;
+  const abs = negative ? -v : v;
+  const base = 10n ** BigInt(decimals);
+  const whole = abs / base;
+  const frac = abs % base;
+  const fracStr = frac.toString().padStart(decimals, "0").slice(0, displayDecimals).replace(/0+$/, "");
+  const out = fracStr ? `${whole}.${fracStr}` : `${whole}`;
+  return negative ? `-${out}` : out;
+};
+
+exports.formatGwei = formatGwei;
+exports.formatUnits = formatUnits;
+exports.truncateAddress = truncateAddress;
+//# sourceMappingURL=utils.cjs.map
+//# sourceMappingURL=utils.cjs.map

package/dist/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts"],"names":[],"mappings":";;;AAiBO,IAAM,eAAA,GAAkB,CAC7B,OAAA,EACA,EAAE,IAAA,GAAO,CAAA,EAAG,IAAA,GAAO,CAAA,EAAG,GAAA,GAAM,QAAA,EAAI,GAAyB,EAAC,KAC/C;AACX,EAAA,IAAI,CAAC,SAAS,OAAO,EAAA;AACrB,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,UAAA,CAAW,IAAI,CAAA;AACzC,EAAA,MAAM,MAAA,GAAS,YAAY,IAAA,GAAO,EAAA;AAClC,EAAA,MAAM,IAAA,GAAO,SAAA,GAAY,OAAA,CAAQ,KAAA,CAAM,CAAC,CAAA,GAAI,OAAA;AAC5C,EAAA,IAAI,IAAA,CAAK,MAAA,IAAU,IAAA,GAAO,IAAA,EAAM,OAAO,OAAA;AACvC,EAAA,OAAO,CAAA,EAAG,MAAM,CAAA,EAAG,IAAA,CAAK,MAAM,CAAA,EAAG,IAAI,CAAC,CAAA,EAAG,GAAG,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,CAAC,IAAI,CAAC,CAAA,CAAA;AAClE;AAKO,IAAM,UAAA,GAAa,CACxB,GAAA,EACA,QAAA,GAAW,CAAA,KACA;AACX,EAAA,MAAM,CAAA,GAAI,OAAO,GAAA,KAAQ,QAAA,GAAW,OAAO,GAAG,CAAA,GAAI,OAAO,GAAG,CAAA;AAC5D,EAAA,MAAM,OAAO,CAAA,GAAI,GAAA;AACjB,EAAA,OAAO,IAAA,CAAK,eAAe,OAAA,EAAS;AAAA,IAClC,qBAAA,EAAuB,CAAA;AAAA,IACvB,qBAAA,EAAuB;AAAA,GACxB,CAAA;AACH;AAMO,IAAM,WAAA,GAAc,CACzB,KAAA,EACA,QAAA,EACA,kBAAkB,CAAA,KACP;AACX,EAAA,MAAM,IAAI,OAAO,KAAA,KAAU,QAAA,GAAW,MAAA,CAAO,KAAK,CAAA,GAAI,KAAA;AACtD,EAAA,MAAM,WAAW,CAAA,GAAI,EAAA;AACrB,EAAA,MAAM,GAAA,GAAM,QAAA,GAAW,CAAC,CAAA,GAAI,CAAA;AAC5B,EAAA,MAAM,IAAA,GAAO,GAAA,IAAO,MAAA,CAAO,QAAQ,CAAA;AACnC,EAAA,MAAM,QAAQ,GAAA,GAAM,IAAA;AACpB,EAAA,MAAM,OAAO,GAAA,GAAM,IAAA;AACnB,EAAA,MAAM,OAAA,GAAU,IAAA,CACb,QAAA,EAAS,CACT,SAAS,QAAA,EAAU,GAAG,CAAA,CACtB,KAAA,CAAM,CAAA,EAAG,eAAe,CAAA,CACxB,OAAA,CAAQ,OAAO,EAAE,CAAA;AACpB,EAAA,MAAM,GAAA,GAAM,UAAU,CAAA,EAAG,KAAK,IAAI,OAAO,CAAA,CAAA,GAAK,GAAG,KAAK,CAAA,CAAA;AACtD,EAAA,OAAO,QAAA,GAAW,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,GAAK,GAAA;AAChC","file":"utils.cjs","sourcesContent":["/**\n * Chain-agnostic formatting helpers. No wallet library required.\n */\n\nexport interface TruncateAddressOpts {\n  /** Characters to show after the 0x prefix. */\n  head?: number;\n  /** Characters to show at the tail. */\n  tail?: number;\n  /** Separator. Defaults \"…\". */\n  sep?: string;\n}\n\n/**\n * truncateAddress(\"0x7F3a2bC9...9C2e\") -> \"0x7F3a…9C2e\"\n * Works for EVM (0x-prefixed) and any other string-based addressing scheme.\n */\nexport const truncateAddress = (\n  address: string,\n  { head = 4, tail = 4, sep = '…' }: TruncateAddressOpts = {}\n): string => {\n  if (!address) return '';\n  const hasPrefix = address.startsWith('0x');\n  const prefix = hasPrefix ? '0x' : '';\n  const body = hasPrefix ? address.slice(2) : address;\n  if (body.length <= head + tail) return address;\n  return `${prefix}${body.slice(0, head)}${sep}${body.slice(-tail)}`;\n};\n\n/**\n * Format wei (bigint or string) as a gwei value with a fixed number of decimals.\n */\nexport const formatGwei = (\n  wei: bigint | string | number,\n  decimals = 2\n): string => {\n  const n = typeof wei === 'bigint' ? Number(wei) : Number(wei);\n  const gwei = n / 1e9;\n  return gwei.toLocaleString('en-US', {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: decimals,\n  });\n};\n\n/**\n * Format a base-unit bigint as a human-readable token amount.\n * formatUnits(1500000000000000000n, 18) -> \"1.5\"\n */\nexport const formatUnits = (\n  value: bigint | string,\n  decimals: number,\n  displayDecimals = 4\n): string => {\n  const v = typeof value === 'string' ? BigInt(value) : value;\n  const negative = v < 0n;\n  const abs = negative ? -v : v;\n  const base = 10n ** BigInt(decimals);\n  const whole = abs / base;\n  const frac = abs % base;\n  const fracStr = frac\n    .toString()\n    .padStart(decimals, '0')\n    .slice(0, displayDecimals)\n    .replace(/0+$/, '');\n  const out = fracStr ? `${whole}.${fracStr}` : `${whole}`;\n  return negative ? `-${out}` : out;\n};\n\nexport type TxState =\n  | 'idle'\n  | 'preparing'\n  | 'awaiting-signature'\n  | 'pending'\n  | 'confirmed'\n  | 'failed'\n  | 'rejected';\n\nexport interface ChainBrief {\n  id: number | string;\n  /** Short label, e.g. \"ETH\", \"BASE\", \"SOL\". */\n  symbol: string;\n  /** Full name, e.g. \"Ethereum Mainnet\". */\n  name: string;\n  /** Optional accent color (hex). */\n  color?: string;\n  /** True if this chain is a testnet. */\n  testnet?: boolean;\n}\n"]}

package/dist/utils.d.cts

@@ -0,0 +1,39 @@
+/**
+ * Chain-agnostic formatting helpers. No wallet library required.
+ */
+interface TruncateAddressOpts {
+    /** Characters to show after the 0x prefix. */
+    head?: number;
+    /** Characters to show at the tail. */
+    tail?: number;
+    /** Separator. Defaults "…". */
+    sep?: string;
+}
+/**
+ * truncateAddress("0x7F3a2bC9...9C2e") -> "0x7F3a…9C2e"
+ * Works for EVM (0x-prefixed) and any other string-based addressing scheme.
+ */
+declare const truncateAddress: (address: string, { head, tail, sep }?: TruncateAddressOpts) => string;
+/**
+ * Format wei (bigint or string) as a gwei value with a fixed number of decimals.
+ */
+declare const formatGwei: (wei: bigint | string | number, decimals?: number) => string;
+/**
+ * Format a base-unit bigint as a human-readable token amount.
+ * formatUnits(1500000000000000000n, 18) -> "1.5"
+ */
+declare const formatUnits: (value: bigint | string, decimals: number, displayDecimals?: number) => string;
+type TxState = 'idle' | 'preparing' | 'awaiting-signature' | 'pending' | 'confirmed' | 'failed' | 'rejected';
+interface ChainBrief {
+    id: number | string;
+    /** Short label, e.g. "ETH", "BASE", "SOL". */
+    symbol: string;
+    /** Full name, e.g. "Ethereum Mainnet". */
+    name: string;
+    /** Optional accent color (hex). */
+    color?: string;
+    /** True if this chain is a testnet. */
+    testnet?: boolean;
+}
+
+export { type ChainBrief, type TruncateAddressOpts, type TxState, formatGwei, formatUnits, truncateAddress };

package/dist/utils.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Chain-agnostic formatting helpers. No wallet library required.
+ */
+interface TruncateAddressOpts {
+    /** Characters to show after the 0x prefix. */
+    head?: number;
+    /** Characters to show at the tail. */
+    tail?: number;
+    /** Separator. Defaults "…". */
+    sep?: string;
+}
+/**
+ * truncateAddress("0x7F3a2bC9...9C2e") -> "0x7F3a…9C2e"
+ * Works for EVM (0x-prefixed) and any other string-based addressing scheme.
+ */
+declare const truncateAddress: (address: string, { head, tail, sep }?: TruncateAddressOpts) => string;
+/**
+ * Format wei (bigint or string) as a gwei value with a fixed number of decimals.
+ */
+declare const formatGwei: (wei: bigint | string | number, decimals?: number) => string;
+/**
+ * Format a base-unit bigint as a human-readable token amount.
+ * formatUnits(1500000000000000000n, 18) -> "1.5"
+ */
+declare const formatUnits: (value: bigint | string, decimals: number, displayDecimals?: number) => string;
+type TxState = 'idle' | 'preparing' | 'awaiting-signature' | 'pending' | 'confirmed' | 'failed' | 'rejected';
+interface ChainBrief {
+    id: number | string;
+    /** Short label, e.g. "ETH", "BASE", "SOL". */
+    symbol: string;
+    /** Full name, e.g. "Ethereum Mainnet". */
+    name: string;
+    /** Optional accent color (hex). */
+    color?: string;
+    /** True if this chain is a testnet. */
+    testnet?: boolean;
+}
+
+export { type ChainBrief, type TruncateAddressOpts, type TxState, formatGwei, formatUnits, truncateAddress };

package/dist/utils.js

@@ -0,0 +1,3 @@
+export { formatGwei, formatUnits, truncateAddress } from './chunk-AMDZMZJO.js';
+//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"utils.js"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@lumen-dapps-kit/web3",
+  "version": "0.1.0",
+  "description": "Web3 components for lumen-dapps-kit — wallet, network, gas, tx primitives",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/Bayanichain/lumen-dapps-developer-kit#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Bayanichain/lumen-dapps-developer-kit.git",
+    "directory": "packages/web3"
+  },
+  "bugs": {
+    "url": "https://github.com/Bayanichain/lumen-dapps-developer-kit/issues"
+  },
+  "keywords": ["web3", "react", "wallet", "blockchain", "ui", "components"],
+  "type": "module",
+  "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"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js",
+      "require": "./dist/utils.cjs"
+    }
+  },
+  "sideEffects": false,
+  "files": ["dist", "src"],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "wagmi": { "optional": true },
+    "viem": { "optional": true }
+  },
+  "dependencies": {
+    "@lumen-dapps-kit/ui": "workspace:*",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.5"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.6.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/components/AddressDisplay.tsx

@@ -0,0 +1,92 @@
+'use client';
+
+import { useCallback, useState } from 'react';
+import { cn } from '@lumen-dapps-kit/ui';
+import { truncateAddress } from '../utils';
+
+export interface AddressDisplayProps {
+  /** Raw address. */
+  address: string;
+  /** Optional ENS / display name override. */
+  name?: string;
+  /** Show a small chain symbol after the address. */
+  chainSymbol?: string;
+  /** Enable click-to-copy. Defaults true. */
+  copyable?: boolean;
+  /** Surface treatment. */
+  variant?: 'pill' | 'inline';
+  /** Truncation params. */
+  head?: number;
+  tail?: number;
+  className?: string;
+}
+
+/**
+ * AddressDisplay — wallet address with optional name resolution, chain
+ * label, and click-to-copy. Chain-agnostic — you resolve ENS/name yourself
+ * (e.g. via wagmi's useEnsName) and pass it as `name`.
+ */
+export const AddressDisplay = ({
+  address,
+  name,
+  chainSymbol,
+  copyable = true,
+  variant = 'pill',
+  head = 4,
+  tail = 4,
+  className,
+}: AddressDisplayProps) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(async () => {
+    if (!copyable || !address) return;
+    try {
+      await navigator.clipboard.writeText(address);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1200);
+    } catch {
+      /* noop */
+    }
+  }, [address, copyable]);
+
+  const label = name || truncateAddress(address, { head, tail });
+
+  if (variant === 'inline') {
+    return (
+      <button
+        type="button"
+        onClick={handleCopy}
+        disabled={!copyable}
+        className={cn(
+          'mono text-[11px] text-ink-900 hover:text-white transition-colors',
+          className
+        )}
+        title={address}
+      >
+        {copied ? 'COPIED' : label}
+      </button>
+    );
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={handleCopy}
+      disabled={!copyable}
+      title={address}
+      className={cn(
+        'flex items-center gap-2 px-3 h-8 hairline mono text-[11px] transition-colors',
+        copyable && 'hover:bg-white/5',
+        className
+      )}
+    >
+      <span className="w-1.5 h-1.5 bg-white" aria-hidden="true" />
+      <span className="text-ink-900">{copied ? 'COPIED' : label}</span>
+      {chainSymbol && (
+        <>
+          <span className="text-ink-700">·</span>
+          <span className="text-ink-700">{chainSymbol}</span>
+        </>
+      )}
+    </button>
+  );
+};

package/src/components/AmountDisplay.tsx

@@ -0,0 +1,59 @@
+'use client';
+
+import { cn } from '@lumen-dapps-kit/ui';
+import { formatUnits } from '../utils';
+
+export interface AmountDisplayProps {
+  /** Raw value in base units (e.g. wei for ETH). */
+  value: bigint | string;
+  /** Decimal places of the token. */
+  decimals: number;
+  /** Symbol to render after the amount. */
+  symbol?: string;
+  /** Decimals to display. Defaults 4. */
+  displayDecimals?: number;
+  /** Size scale of the rendered amount. */
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+  /** USD value (numeric). Renders as a caption beneath. */
+  usd?: number;
+  className?: string;
+}
+
+const SIZE = {
+  sm: 'text-[14px]',
+  md: 'text-[18px]',
+  lg: 'text-[24px]',
+  xl: 'text-[40px]',
+} as const;
+
+/**
+ * AmountDisplay — formats a base-unit bigint as a tabular-nums token amount
+ * with optional USD caption. Use for balances, deposits, claim amounts.
+ */
+export const AmountDisplay = ({
+  value,
+  decimals,
+  symbol,
+  displayDecimals = 4,
+  size = 'md',
+  usd,
+  className,
+}: AmountDisplayProps) => (
+  <div className={cn('leading-none', className)}>
+    <div className="flex items-baseline gap-1">
+      <span
+        className={cn('font-semibold tabular-nums tracking-tight', SIZE[size])}
+      >
+        {formatUnits(value, decimals, displayDecimals)}
+      </span>
+      {symbol && (
+        <span className="text-ink-700 text-[11px]">{symbol}</span>
+      )}
+    </div>
+    {typeof usd === 'number' && (
+      <div className="mono text-[10.5px] text-ink-700 mt-1 tabular-nums">
+        ${usd.toLocaleString('en-US', { maximumFractionDigits: 2 })}
+      </div>
+    )}
+  </div>
+);

package/src/components/ChainSelector.tsx

@@ -0,0 +1,123 @@
+'use client';
+
+import { useState } from 'react';
+import { cn } from '@lumen-dapps-kit/ui';
+import type { ChainBrief } from '../utils';
+
+export interface ChainSelectorProps {
+  chains: ChainBrief[];
+  /** Selected chain id. */
+  value: ChainBrief['id'];
+  onChange?: (id: ChainBrief['id']) => void;
+  className?: string;
+}
+
+/**
+ * ChainSelector — a minimal dropdown for switching active networks. Pure
+ * controlled component — pair with wagmi's `useSwitchChain` for execution.
+ *
+ * For dApps that need testnet/mainnet groupings, sort the `chains` prop
+ * upstream (testnets last) — this component renders them in input order.
+ */
+export const ChainSelector = ({
+  chains,
+  value,
+  onChange,
+  className,
+}: ChainSelectorProps) => {
+  const [open, setOpen] = useState(false);
+  const active = chains.find((c) => c.id === value) ?? chains[0];
+
+  if (!active) return null;
+
+  return (
+    <div className={cn('relative', className)}>
+      <button
+        type="button"
+        onClick={() => setOpen((o) => !o)}
+        aria-haspopup="listbox"
+        aria-expanded={open}
+        className="flex items-center gap-2 px-3 h-8 hairline mono text-[11px] hover:bg-white/5"
+      >
+        <span
+          className="w-1.5 h-1.5"
+          style={{ backgroundColor: active.color ?? '#ffffff' }}
+          aria-hidden="true"
+        />
+        <span className="text-ink-900">{active.symbol}</span>
+        <span className="text-ink-700">·</span>
+        <span className="text-ink-700 text-[10.5px]">{active.name}</span>
+        {active.testnet && (
+          <span className="text-signal-warn ml-1">TESTNET</span>
+        )}
+      </button>
+
+      {open && (
+        <>
+          <div
+            className="fixed inset-0 z-40"
+            onClick={() => setOpen(false)}
+            aria-hidden="true"
+          />
+          <div
+            role="listbox"
+            className="absolute right-0 mt-1 min-w-[240px] glass z-50 p-1"
+          >
+            {chains.map((c) => {
+              const selected = c.id === value;
+              return (
+                <button
+                  key={c.id}
+                  role="option"
+                  aria-selected={selected}
+                  type="button"
+                  onClick={() => {
+                    onChange?.(c.id);
+                    setOpen(false);
+                  }}
+                  className={cn(
+                    'w-full flex items-center gap-2 px-3 h-8 mono text-[11px] text-left transition-colors',
+                    selected
+                      ? 'bg-white text-black'
+                      : 'text-ink-800 hover:bg-white/5'
+                  )}
+                >
+                  <span
+                    className="w-1.5 h-1.5"
+                    style={{ backgroundColor: c.color ?? '#ffffff' }}
+                    aria-hidden="true"
+                  />
+                  <span
+                    className={cn(
+                      'font-medium',
+                      selected ? 'text-black' : 'text-ink-900'
+                    )}
+                  >
+                    {c.symbol}
+                  </span>
+                  <span
+                    className={cn(
+                      selected ? 'text-black/60' : 'text-ink-700'
+                    )}
+                  >
+                    · {c.name}
+                  </span>
+                  {c.testnet && (
+                    <span
+                      className={cn(
+                        'ml-auto',
+                        selected ? 'text-black' : 'text-signal-warn'
+                      )}
+                    >
+                      TESTNET
+                    </span>
+                  )}
+                </button>
+              );
+            })}
+          </div>
+        </>
+      )}
+    </div>
+  );
+};

package/src/components/GasIndicator.tsx

@@ -0,0 +1,47 @@
+'use client';
+
+import { cn } from '@lumen-dapps-kit/ui';
+import { formatGwei } from '../utils';
+
+export interface GasIndicatorProps {
+  /** Current gas price in wei (bigint) or gwei (pass `unit="gwei"`). */
+  value: bigint | string | number;
+  /** Unit of the `value` prop. Defaults wei. */
+  unit?: 'wei' | 'gwei';
+  /** Optional threshold gwei values that flip tone (warn/err). */
+  thresholds?: { warn: number; err: number };
+  /** Label prefix. Defaults "GAS". */
+  label?: string;
+  className?: string;
+}
+
+/**
+ * GasIndicator — chip showing current gas price with tone shifts at warn/err
+ * thresholds. Drop into the footer status bar or near tx CTAs.
+ */
+export const GasIndicator = ({
+  value,
+  unit = 'wei',
+  thresholds = { warn: 40, err: 100 },
+  label = 'GAS',
+  className,
+}: GasIndicatorProps) => {
+  const gwei =
+    unit === 'gwei'
+      ? Number(value)
+      : Number(typeof value === 'bigint' ? value : BigInt(value)) / 1e9;
+
+  const tone =
+    gwei >= thresholds.err
+      ? 'text-signal-err'
+      : gwei >= thresholds.warn
+        ? 'text-signal-warn'
+        : 'text-signal-ok';
+
+  return (
+    <span className={cn('mono text-[10.5px] tracking-wider', className)}>
+      <span className="text-ink-800">{label}</span>{' '}
+      <span className={cn('tabular-nums', tone)}>{formatGwei(value)} gwei</span>
+    </span>
+  );
+};

package/src/components/NetworkStatus.tsx

@@ -0,0 +1,49 @@
+'use client';
+
+import { cn, PulseDot } from '@lumen-dapps-kit/ui';
+
+export interface NetworkStatusProps {
+  /** "online" | "degraded" | "offline" */
+  state?: 'online' | 'degraded' | 'offline';
+  /** Latency in ms, rendered as "42ms". */
+  latencyMs?: number;
+  /** Optional override label ("NET ONLINE", "RPC DOWN", etc). */
+  label?: string;
+  className?: string;
+}
+
+const TONE = {
+  online: { dot: 'ok' as const, txt: 'NET ONLINE' },
+  degraded: { dot: 'warn' as const, txt: 'NET DEGRADED' },
+  offline: { dot: 'err' as const, txt: 'NET OFFLINE' },
+};
+
+/**
+ * NetworkStatus — the pulsing network-state pill from the header. Pairs
+ * with RPC health checks or a wagmi `useBlockNumber` watcher.
+ */
+export const NetworkStatus = ({
+  state = 'online',
+  latencyMs,
+  label,
+  className,
+}: NetworkStatusProps) => {
+  const tone = TONE[state];
+  return (
+    <div
+      className={cn(
+        'flex items-center gap-2 px-3 h-8 hairline mono text-[11px] text-ink-800',
+        className
+      )}
+    >
+      <PulseDot tone={tone.dot} />
+      <span>{label ?? tone.txt}</span>
+      {typeof latencyMs === 'number' && (
+        <>
+          <span className="text-ink-600">·</span>
+          <span className="text-ink-700">{Math.round(latencyMs)}ms</span>
+        </>
+      )}
+    </div>
+  );
+};