@microcosmmoney/portal-react 1.5.1 → 2.1.1

package/dist/components/dashboard/dashboard-overview.js

@@ -11,6 +11,10 @@ const assets_summary_1 = require("./assets-summary");
 const price_chart_1 = require("./price-chart");
 const minting_stats_1 = require("./minting-stats");
 const mining_weight_1 = require("./mining-weight");
+const my_mining_1 = require("./my-mining");
+const ecosystem_stats_1 = require("./ecosystem-stats");
+const mcc_token_stats_1 = require("./mcc-token-stats");
+const mcd_stats_1 = require("./mcd-stats");
 const lock_periods_1 = require("./lock-periods");
 class SafeRender extends react_1.Component {
     constructor() {
@@ -21,5 +25,5 @@ class SafeRender extends react_1.Component {
     render() { return this.state.hasError ? null : this.props.children; }
 }
 function MicrocosmDashboardOverview({ basePath = '', onNavigate, showHeader = true, headerText = 'SHARED NETWORK · SHARED FUTURE', }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto font-mono p-6 space-y-6", children: [showHeader && ((0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("h1", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-cyan-200", children: headerText }) })), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(market_overview_bar_1.MicrocosmMarketBar, {}) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(quick_actions_1.MicrocosmQuickActions, { basePath: basePath, onNavigate: onNavigate }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(assets_summary_1.MicrocosmAssetsSummary, { basePath: basePath, onNavigate: onNavigate }) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(price_chart_1.MicrocosmPriceChart, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(minting_stats_1.MicrocosmMintingStats, {}) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(mining_weight_1.MicrocosmMiningWeight, {}) })] }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(lock_periods_1.MicrocosmLockPeriods, {}) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto font-mono p-6 space-y-6", children: [showHeader && ((0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("h1", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-cyan-200", children: headerText }) })), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(market_overview_bar_1.MicrocosmMarketBar, {}) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(quick_actions_1.MicrocosmQuickActions, { basePath: basePath, onNavigate: onNavigate }) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(assets_summary_1.MicrocosmAssetsSummary, { basePath: basePath, onNavigate: onNavigate }) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(price_chart_1.MicrocosmPriceChart, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(my_mining_1.MicrocosmMyMining, { detailsPath: `${basePath}/mcc/mining`, onNavigate: onNavigate }) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(mining_weight_1.MicrocosmMiningWeight, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(minting_stats_1.MicrocosmMintingStats, {}) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(ecosystem_stats_1.MicrocosmEcosystemStats, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(mcc_token_stats_1.MicrocosmMCCTokenStats, {}) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(mcd_stats_1.MicrocosmMCDStats, {}) })] }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(lock_periods_1.MicrocosmLockPeriods, {}) })] }));
 }

package/dist/components/dashboard/ecosystem-stats.d.ts

@@ -0,0 +1 @@
+export declare function MicrocosmEcosystemStats(): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/ecosystem-stats.js

@@ -0,0 +1,17 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmEcosystemStats = MicrocosmEcosystemStats;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+function MicrocosmEcosystemStats() {
+    const { data, loading } = (0, auth_react_1.usePlatformStats)();
+    const stats = [
+        { label: 'total_users', value: data?.total_users },
+        { label: '24h_active', value: data?.active_users_24h },
+        { label: 'miners', value: data?.miners_count },
+        { label: 'territories', value: data?.total_territories },
+    ];
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg h-full hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-6", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-xs font-mono tracking-wider mb-4 block", children: "ECOSYSTEM" }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)("span", { className: "inline-block w-5 h-5 border-2 border-cyan-400 border-t-transparent rounded-full animate-spin" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 gap-3", children: stats.map((s) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[10px] text-neutral-400 font-mono tracking-wider", children: s.label }), (0, jsx_runtime_1.jsx)("div", { className: "text-xl font-bold font-mono text-white", children: s.value != null ? s.value.toLocaleString() : '--' })] }, s.label))) }))] }) }));
+}

package/dist/components/dashboard/mcc-token-stats.d.ts

@@ -0,0 +1 @@
+export declare function MicrocosmMCCTokenStats(): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/mcc-token-stats.js

@@ -0,0 +1,17 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmMCCTokenStats = MicrocosmMCCTokenStats;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+function MicrocosmMCCTokenStats() {
+    const { data, loading } = (0, auth_react_1.useMCCStats)();
+    const stats = [
+        { label: 'holders', value: data?.holder_count, format: (v) => v.toLocaleString() },
+        { label: 'circulating', value: data?.circulating_supply, format: (v) => `${(v / 1e6).toFixed(2)}M` },
+        { label: 'total_mined', value: data?.total_mined, format: (v) => `${(v / 1e6).toFixed(2)}M` },
+        { label: 'market_cap', value: data?.market_cap, format: (v) => `$${v.toLocaleString()}` },
+    ];
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg h-full hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-6", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-xs font-mono tracking-wider mb-4 block", children: "MCC_STATS" }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)("span", { className: "inline-block w-5 h-5 border-2 border-cyan-400 border-t-transparent rounded-full animate-spin" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 gap-3", children: stats.map((s) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[10px] text-neutral-400 font-mono tracking-wider", children: s.label }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold font-mono text-white", children: s.value != null ? s.format(s.value) : '--' })] }, s.label))) }))] }) }));
+}

package/dist/components/dashboard/mcd-stats.d.ts

@@ -0,0 +1 @@
+export declare function MicrocosmMCDStats(): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/mcd-stats.js

@@ -0,0 +1,17 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmMCDStats = MicrocosmMCDStats;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+function MicrocosmMCDStats() {
+    const { data, loading } = (0, auth_react_1.useMCDStats)();
+    const stats = [
+        { label: 'holders', value: data?.holders_count, format: (v) => v.toLocaleString() },
+        { label: 'active_vaults', value: data?.active_vaults, format: (v) => v.toLocaleString() },
+        { label: 'daily_distribution', value: data?.daily_distribution, format: (v) => v > 0 ? v.toLocaleString('en-US', { maximumFractionDigits: 2 }) : '0' },
+        { label: 'total_vault_balance', value: data?.total_vault_balance, format: (v) => v > 0 ? `${(v / 1e6).toFixed(2)}M` : '0' },
+    ];
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg h-full hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-6", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-xs font-mono tracking-wider mb-4 block", children: "MCD_STATS" }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)("span", { className: "inline-block w-5 h-5 border-2 border-cyan-400 border-t-transparent rounded-full animate-spin" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 gap-3", children: stats.map((s) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[10px] text-neutral-400 font-mono tracking-wider", children: s.label }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg font-bold font-mono text-white", children: s.value != null ? s.format(s.value) : '--' })] }, s.label))) }))] }) }));
+}

package/dist/components/dashboard/my-mining.d.ts

@@ -0,0 +1,5 @@
+export interface MicrocosmMyMiningProps {
+    detailsPath?: string;
+    onNavigate?: (path: string) => void;
+}
+export declare function MicrocosmMyMining({ detailsPath, onNavigate }: MicrocosmMyMiningProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/my-mining.js

@@ -0,0 +1,30 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmMyMining = MicrocosmMyMining;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+function MicrocosmMyMining({ detailsPath, onNavigate }) {
+    const { data, loading } = (0, auth_react_1.useMiningStats)();
+    const fmt = (v) => v.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    const formatDateTime = (iso) => {
+        if (!iso)
+            return '-';
+        const d = new Date(iso);
+        return d.toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' });
+    };
+    const items = data ? [
+        { label: 'total_mined', value: fmt(data.total_mined ?? 0) },
+        { label: 'total_paid', value: fmt(data.total_paid ?? 0) },
+        { label: 'mining_count', value: `${data.mining_count ?? 0}` },
+        { label: 'last_30d', value: fmt(data.last_30d_mined ?? 0) },
+        { label: 'active_days', value: `${data.active_days_30d ?? 0}` },
+        { label: 'last_mined', value: formatDateTime(data.last_mined_at) },
+    ] : [];
+    const handleDetailsClick = () => {
+        if (onNavigate && detailsPath)
+            onNavigate(detailsPath);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg h-full hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-xs font-mono tracking-wider", children: "MY_MINING" }), detailsPath && ((0, jsx_runtime_1.jsx)("button", { onClick: handleDetailsClick, className: "text-xs text-neutral-500 hover:text-cyan-400 font-mono", children: "details >" }))] }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)("span", { className: "inline-block w-5 h-5 border-2 border-cyan-400 border-t-transparent rounded-full animate-spin" }) })) : !data || (data.mining_count ?? 0) === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-8 text-neutral-500 font-mono text-sm", children: "no mining records" })) : ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 gap-3", children: items.map((s) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[10px] text-neutral-400 font-mono tracking-wider", children: s.label }), (0, jsx_runtime_1.jsx)("div", { className: "text-xl font-bold font-mono text-white", children: s.value })] }, s.label))) }))] }) }));
+}

package/dist/components/dashboard/quick-actions.js

@@ -6,8 +6,7 @@ exports.MicrocosmQuickActions = MicrocosmQuickActions;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const actions = [
     { label: 'Mining', path: '/mcc/mining', color: 'text-cyan-300 border-cyan-400/30 hover:bg-cyan-950/30' },
-    { label: 'Reincarnation', path: '/mcc/reincarnation', color: 'text-white border-neutral-700 hover:bg-neutral-800' },
-    { label: 'Jupiter Trade', href: 'https://jup.ag/swap/USDT-MCCpDtigJLYnfGe1fW5xrSA8AXo6AeAj8ECE7wVqP5e', color: 'text-cyan-300 border-cyan-400/30 hover:bg-cyan-950/30', external: true },
+    { label: 'Jupiter Trade', href: 'https://jup.ag/swap/USDT-MCCn6eqiTGzaiPKECg3viPmkdkS9YmkguqKvRcTxCsb', color: 'text-cyan-300 border-cyan-400/30 hover:bg-cyan-950/30', external: true },
     { label: 'Market Data', path: '/market', color: 'text-white border-neutral-700 hover:bg-neutral-800' },
 ];
 function MicrocosmQuickActions({ basePath = '', onNavigate }) {

package/dist/index.d.ts

@@ -33,4 +33,9 @@ export type { MicrocosmAssetsSummaryProps } from './components/dashboard/assets-
 export { MicrocosmPriceChart } from './components/dashboard/price-chart';
 export { MicrocosmMintingStats } from './components/dashboard/minting-stats';
 export { MicrocosmMiningWeight } from './components/dashboard/mining-weight';
+export { MicrocosmMyMining } from './components/dashboard/my-mining';
+export type { MicrocosmMyMiningProps } from './components/dashboard/my-mining';
+export { MicrocosmEcosystemStats } from './components/dashboard/ecosystem-stats';
+export { MicrocosmMCCTokenStats } from './components/dashboard/mcc-token-stats';
+export { MicrocosmMCDStats } from './components/dashboard/mcd-stats';
 export { MicrocosmLockPeriods } from './components/dashboard/lock-periods';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MicrocosmLockPeriods = exports.MicrocosmMiningWeight = exports.MicrocosmMintingStats = exports.MicrocosmPriceChart = exports.MicrocosmAssetsSummary = exports.MicrocosmQuickActions = exports.MicrocosmMarketBar = exports.MicrocosmDashboardOverview = exports.KPIRadialChart = exports.VoteResultBar = exports.MiningProgressBar = exports.TerritoryCard = exports.TerminalTooltip = exports.TerminalInput = exports.TerminalCountdown = exports.TerminalDialog = exports.TerminalTabs = exports.TerminalTable = exports.TerminalProgress = exports.TerminalDataRow = exports.TerminalBadge = exports.TerminalEmpty = exports.TerminalError = exports.TerminalLoading = exports.TerminalPageHeader = exports.TerminalCommand = exports.StatBox = exports.TerminalCard = exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.dashboardMenu = exports.web3OsMenu = exports.blockchainMenu = exports.MicrocosmMenuSection = void 0;
+exports.MicrocosmLockPeriods = exports.MicrocosmMCDStats = exports.MicrocosmMCCTokenStats = exports.MicrocosmEcosystemStats = exports.MicrocosmMyMining = exports.MicrocosmMiningWeight = exports.MicrocosmMintingStats = exports.MicrocosmPriceChart = exports.MicrocosmAssetsSummary = exports.MicrocosmQuickActions = exports.MicrocosmMarketBar = exports.MicrocosmDashboardOverview = exports.KPIRadialChart = exports.VoteResultBar = exports.MiningProgressBar = exports.TerritoryCard = exports.TerminalTooltip = exports.TerminalInput = exports.TerminalCountdown = exports.TerminalDialog = exports.TerminalTabs = exports.TerminalTable = exports.TerminalProgress = exports.TerminalDataRow = exports.TerminalBadge = exports.TerminalEmpty = exports.TerminalError = exports.TerminalLoading = exports.TerminalPageHeader = exports.TerminalCommand = exports.StatBox = exports.TerminalCard = exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.dashboardMenu = exports.web3OsMenu = exports.blockchainMenu = exports.MicrocosmMenuSection = void 0;
 // AI-generated · AI-managed · AI-maintained
 var menu_section_1 = require("./components/menu-section");
 Object.defineProperty(exports, "MicrocosmMenuSection", { enumerable: true, get: function () { return menu_section_1.MicrocosmMenuSection; } });
@@ -56,5 +56,13 @@ var minting_stats_1 = require("./components/dashboard/minting-stats");
 Object.defineProperty(exports, "MicrocosmMintingStats", { enumerable: true, get: function () { return minting_stats_1.MicrocosmMintingStats; } });
 var mining_weight_1 = require("./components/dashboard/mining-weight");
 Object.defineProperty(exports, "MicrocosmMiningWeight", { enumerable: true, get: function () { return mining_weight_1.MicrocosmMiningWeight; } });
+var my_mining_1 = require("./components/dashboard/my-mining");
+Object.defineProperty(exports, "MicrocosmMyMining", { enumerable: true, get: function () { return my_mining_1.MicrocosmMyMining; } });
+var ecosystem_stats_1 = require("./components/dashboard/ecosystem-stats");
+Object.defineProperty(exports, "MicrocosmEcosystemStats", { enumerable: true, get: function () { return ecosystem_stats_1.MicrocosmEcosystemStats; } });
+var mcc_token_stats_1 = require("./components/dashboard/mcc-token-stats");
+Object.defineProperty(exports, "MicrocosmMCCTokenStats", { enumerable: true, get: function () { return mcc_token_stats_1.MicrocosmMCCTokenStats; } });
+var mcd_stats_1 = require("./components/dashboard/mcd-stats");
+Object.defineProperty(exports, "MicrocosmMCDStats", { enumerable: true, get: function () { return mcd_stats_1.MicrocosmMCDStats; } });
 var lock_periods_1 = require("./components/dashboard/lock-periods");
 Object.defineProperty(exports, "MicrocosmLockPeriods", { enumerable: true, get: function () { return lock_periods_1.MicrocosmLockPeriods; } });

package/dist/menu-config.js

@@ -31,13 +31,6 @@ exports.blockchainMenu = {
             icon: lucide_react_1.Pickaxe,
             description: 'Mine MCC with stablecoin',
         },
-        {
-            title: 'Reincarnation',
-            key: 'reincarnation',
-            path: '/mcc/reincarnation',
-            icon: lucide_react_1.ArrowDownUp,
-            description: 'Buyback MCC for stablecoin',
-        },
         {
             title: 'Wallet',
             key: 'wallet',

package/package.json

@@ -1,35 +1,35 @@
-{
-  "name": "@microcosmmoney/portal-react",
-  "version": "1.5.1",
-  "description": "Microcosm Portal UI components for React/Next.js",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "recharts": ">=2.0.0"
-  },
-  "dependencies": {
-    "@microcosmmoney/auth-core": "^1.5.1",
-    "@microcosmmoney/auth-react": "^1.5.1",
-    "lucide-react": ">=0.300.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.0.0",
-    "react": "^18.0.0",
-    "recharts": "^3.7.0",
-    "typescript": "^5.3.0"
-  },
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/MicrocosmMoney/Microcosm"
-  }
-}
+{
+  "name": "@microcosmmoney/portal-react",
+  "version": "2.1.1",
+  "description": "Microcosm Portal UI components for React/Next.js",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "recharts": ">=2.0.0"
+  },
+  "dependencies": {
+    "@microcosmmoney/auth-core": "^2.2.1",
+    "@microcosmmoney/auth-react": "^2.2.2",
+    "lucide-react": ">=0.300.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0",
+    "recharts": "^3.7.0",
+    "typescript": "^5.3.0"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MicrocosmMoney/Microcosm"
+  }
+}