@livo-build/kit 0.1.0 → 0.1.6

package/dist/web3/TokenAmount.d.ts

@@ -0,0 +1,16 @@
+import "./web3.css";
+import { type ReactNode } from "react";
+export interface TokenAmountProps {
+    /** Base-unit amount (e.g. wei). */
+    amount: bigint;
+    decimals?: number;
+    symbol?: string;
+    /** Max fractional digits to show (default 6). */
+    maxFractionDigits?: number;
+    /** USD price per whole token — when set, renders a secondary USD value. */
+    usdPrice?: number;
+    className?: string;
+    /** Render the symbol before the number (e.g. for "$"). */
+    symbolFirst?: boolean;
+}
+export declare function TokenAmount({ amount, decimals, symbol, maxFractionDigits, usdPrice, className, symbolFirst, }: TokenAmountProps): ReactNode;

package/dist/web3/TokenAmount.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./web3.css";
+import {} from "react";
+import { formatToken, formatUsd } from "../format";
+import { cx } from "../util";
+// Correctly-formatted on-chain amount display (handles BigInt + decimals). Neutral
+// markup — style via .kit-amt* classes.
+export function TokenAmount({ amount, decimals = 18, symbol, maxFractionDigits = 6, usdPrice, className, symbolFirst, }) {
+    const formatted = formatToken(amount, decimals, maxFractionDigits);
+    const sym = symbol ? _jsx("span", { className: "kit-amt-sym", children: symbol }) : null;
+    let usd = null;
+    if (usdPrice != null) {
+        const whole = Number(formatToken(amount, decimals, 18));
+        usd = _jsx("span", { className: "kit-amt-usd", children: formatUsd(whole * usdPrice) });
+    }
+    return (_jsxs("span", { className: cx("kit-amt", className), children: [symbolFirst && sym, _jsx("span", { className: "kit-amt-num", children: formatted }), !symbolFirst && sym, usd] }));
+}

package/dist/web3/index.d.ts

@@ -2,3 +2,6 @@ export { Address, type AddressProps } from "./Address";
 export { Balance, type BalanceProps } from "./Balance";
 export { NetworkGuard, type NetworkGuardProps } from "./NetworkGuard";
 export { TokenAmountInput, type TokenAmountInputProps } from "./TokenAmountInput";
+export { ChainSwitcher, type ChainSwitcherProps } from "./ChainSwitcher";
+export { AddressInput, type AddressInputProps } from "./AddressInput";
+export { TokenAmount, type TokenAmountProps } from "./TokenAmount";

package/dist/web3/index.js

@@ -2,3 +2,6 @@ export { Address } from "./Address";
 export { Balance } from "./Balance";
 export { NetworkGuard } from "./NetworkGuard";
 export { TokenAmountInput } from "./TokenAmountInput";
+export { ChainSwitcher } from "./ChainSwitcher";
+export { AddressInput } from "./AddressInput";
+export { TokenAmount } from "./TokenAmount";

package/dist/web3/web3.css

@@ -12,4 +12,15 @@
 .kit-amount-sym{color:var(--kit-muted,#6b7280);font-size:14px}
 .kit-amount-max{border:0;background:transparent;color:var(--kit-muted,#6b7280);font:inherit;font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}
 .kit-amount-max:hover{color:inherit}
-@media (prefers-color-scheme:dark){.kit-net,.kit-amount{--kit-border:#2c2e36}}
+.kit-chain{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--kit-border,#e5e7eb);border-radius:10px;background:transparent;color:inherit;cursor:pointer}
+.kit-addr-input{display:flex;align-items:center;gap:8px;border:1px solid var(--kit-border,#e5e7eb);border-radius:10px;padding:8px 10px;font:inherit}
+.kit-addr-input:focus-within{border-color:var(--kit-muted,#6b7280)}
+.kit-addr-input[data-valid]{border-color:var(--kit-success,#16a34a)}
+.kit-addr-input input{flex:1;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:15px;min-width:0;font-variant-numeric:tabular-nums}
+.kit-addr-input-resolved{color:var(--kit-muted,#6b7280);font-size:13px;font-variant-numeric:tabular-nums}
+.kit-async-error{color:var(--kit-error,#dc2626);font:inherit;font-size:14px}
+.kit-amt{display:inline-flex;align-items:baseline;gap:4px;font:inherit;font-variant-numeric:tabular-nums}
+.kit-amt-num{font-weight:600}
+.kit-amt-sym{color:var(--kit-muted,#6b7280)}
+.kit-amt-usd{color:var(--kit-muted,#6b7280);font-size:.85em}
+@media (prefers-color-scheme:dark){.kit-net,.kit-amount,.kit-chain,.kit-addr-input{--kit-border:#2c2e36}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livo-build/kit",
-  "version": "0.1.0",
+  "version": "0.1.6",
   "description": "Livo frontend kit — reusable React + wagmi v3 building blocks (wallet connect modal, providers, hooks) for web3 apps built on Livo.",
   "type": "module",
   "license": "UNLICENSED",