@microcosmmoney/portal-react 3.4.1 → 3.5.0

package/dist/components/auction/auction-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmAuctionPage = MicrocosmAuctionPage;

package/dist/components/dashboard/assets-summary.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmAssetsSummary = MicrocosmAssetsSummary;
@@ -12,7 +11,7 @@ const RANK_COLOR = {
 function MicrocosmAssetsSummary({ basePath = '', onNavigate, accentColor }) {
     const { balance: mccData, loading: mccLoading } = (0, auth_react_1.useMCC)(120000);
     const { balance: mcdData, loading: mcdLoading } = (0, auth_react_1.useMCD)(120000);
-    const { data: levelData } = (0, auth_react_1.useUserLevel)();
+    const { data: levelData } = (0, auth_react_1.useLevelProgress)();
     const { data: wallets } = (0, auth_react_1.useWallets)();
     const { data: locks } = (0, auth_react_1.useMCCLocks)();
     const { data: marketData } = (0, auth_react_1.useMarketData)();
@@ -28,7 +27,7 @@ function MicrocosmAssetsSummary({ basePath = '', onNavigate, accentColor }) {
     const lockedAmount = activeLocks.reduce((sum, l) => sum + (l.amount || 0), 0);
     const rank = levelData?.level ?? null;
     const nextRank = levelData?.next_level ?? null;
-    const progress = levelData?.upgrade_progress?.percentage ?? 0;
+    const progress = levelData?.progress_percent ?? 0;
     const fmt = (n, d = 2) => n.toLocaleString('en-US', { minimumFractionDigits: d, maximumFractionDigits: d });
     const rankColor = accentColor
         ? undefined

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmDashboardOverview = MicrocosmDashboardOverview;

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmEcosystemStats = MicrocosmEcosystemStats;

package/dist/components/dashboard/lock-periods.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmLockPeriods = MicrocosmLockPeriods;

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMarketBar = MicrocosmMarketBar;

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMCCTokenStats = MicrocosmMCCTokenStats;

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMCDStats = MicrocosmMCDStats;

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMiningWeight = MicrocosmMiningWeight;
@@ -34,13 +33,14 @@ function getCompanionYield(rank) {
     ];
 }
 function MicrocosmMiningWeight({ accentColor } = {}) {
-    const { data, loading: loadingLevel } = (0, auth_react_1.useUserLevel)();
+    const { data, loading: loadingLevel } = (0, auth_react_1.useLevelProgress)();
     const { data: techBonus, loading: loadingTech } = (0, auth_react_1.useTechBonusDetail)();
     const { data: miningStats, loading: loadingMining } = (0, auth_react_1.useMiningStats)();
     const loading = loadingLevel || loadingTech || loadingMining;
     const ac = accentColor || '#22d3ee';
-    const rank = data?.level ?? null;
-    const miningDays = data?.upgrade_progress?.current_days ?? miningStats?.active_days_30d ?? 0;
+    const rank = data?.current_rank?.toLowerCase() ?? null;
+    const totalHoldings = data ? (data.holdings.station + data.holdings.matrix + data.holdings.sector + data.holdings.system) : 0;
+    const miningDays = totalHoldings > 0 ? totalHoldings : (miningStats?.active_days_30d ?? 0);
     const companionYield = getCompanionYield(rank);
     const bonusMultiplier = techBonus?.bonus_multiplier ?? 0;
     const discountPct = bonusMultiplier > 0 ? `+${(bonusMultiplier * 100).toFixed(0)}%` : '0%';

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMintingStats = MicrocosmMintingStats;

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMyMining = MicrocosmMyMining;

package/dist/components/dashboard/price-chart.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmPriceChart = MicrocosmPriceChart;

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

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmQuickActions = MicrocosmQuickActions;

package/dist/components/fragment/fragment-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmFragmentPage = MicrocosmFragmentPage;

package/dist/components/kpi-radial-chart.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KPIRadialChart = KPIRadialChart;

package/dist/components/lending/lending-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmLendingPage = MicrocosmLendingPage;

package/dist/components/mcd/mcd-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMCDPage = MicrocosmMCDPage;

package/dist/components/menu-section.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMenuSection = MicrocosmMenuSection;
 const jsx_runtime_1 = require("react/jsx-runtime");
-// AI-generated · AI-managed · AI-maintained
 const react_1 = __importDefault(require("react"));
 const menu_config_1 = require("../menu-config");
 function isActive(itemPath, currentPath) {

package/dist/components/messages/messages-page.d.ts

@@ -0,0 +1,7 @@
+export interface MicrocosmMessagesPageProps {
+    accentColor?: string;
+    title?: string;
+    subtitle?: string;
+    emptyText?: string;
+}
+export declare function MicrocosmMessagesPage({ accentColor, title, subtitle, emptyText, }?: MicrocosmMessagesPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/messages/messages-page.js

@@ -0,0 +1,10 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmMessagesPage = MicrocosmMessagesPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const terminal_1 = require("../terminal");
+function MicrocosmMessagesPage({ accentColor, title = 'Messages', subtitle = 'Private messages and system replies', emptyText = 'No messages yet', } = {}) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6 font-mono", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400", children: subtitle })] }), (0, jsx_runtime_1.jsx)(terminal_1.TerminalCard, { children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MessageSquare, { className: "w-12 h-12 mx-auto mb-4 text-neutral-500" }), (0, jsx_runtime_1.jsx)("p", { children: emptyText })] }) })] }));
+}

package/dist/components/mining/mining-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMiningPage = MicrocosmMiningPage;

package/dist/components/mining-progress-bar.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MiningProgressBar = MiningProgressBar;

package/dist/components/notifications/notifications-page.d.ts

@@ -0,0 +1,8 @@
+export interface MicrocosmNotificationsPageProps {
+    accentColor?: string;
+    title?: string;
+    subtitle?: string;
+    emptyText?: string;
+    emptyHint?: string;
+}
+export declare function MicrocosmNotificationsPage({ accentColor, title, subtitle, emptyText, emptyHint, }?: MicrocosmNotificationsPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/notifications/notifications-page.js

@@ -0,0 +1,10 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmNotificationsPage = MicrocosmNotificationsPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const terminal_1 = require("../terminal");
+function MicrocosmNotificationsPage({ accentColor, title = 'Notifications', subtitle = 'System alerts and messages', emptyText = 'No notifications', emptyHint = 'You will be notified when something important happens', } = {}) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-4xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6 font-mono", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400", children: subtitle })] }), (0, jsx_runtime_1.jsx)(terminal_1.TerminalCard, { children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center py-12 text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Bell, { className: "w-12 h-12 mx-auto mb-3 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: emptyText }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm mt-1", children: emptyHint })] }) })] }));
+}

package/dist/components/organization/organization-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmOrganizationPage = MicrocosmOrganizationPage;

package/dist/components/terminal-countdown.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TerminalCountdown = TerminalCountdown;

package/dist/components/terminal-dialog.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TerminalDialog = TerminalDialog;

package/dist/components/terminal-input.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TerminalInput = TerminalInput;

package/dist/components/terminal-table.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TerminalTable = TerminalTable;

package/dist/components/terminal-tabs.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TerminalTabs = TerminalTabs;

package/dist/components/terminal-tooltip.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TerminalTooltip = TerminalTooltip;

package/dist/components/terminal.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TerminalCard = TerminalCard;

package/dist/components/territory/territory-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmTerritoryPage = MicrocosmTerritoryPage;

package/dist/components/territory-card.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TerritoryCard = TerritoryCard;

package/dist/components/vote-result-bar.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VoteResultBar = VoteResultBar;

package/dist/components/voting/voting-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmVotingPage = MicrocosmVotingPage;

package/dist/components/wallet/wallet-page.js

@@ -1,5 +1,4 @@
 "use strict";
-// AI-generated · AI-managed · AI-maintained
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmWalletPage = MicrocosmWalletPage;

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { MicrocosmMenuSection } from './components/menu-section';
 export type { MicrocosmMenuSectionProps } from './components/menu-section';
+export { LinkProvider, useLinkComponent } from './link-context';
+export type { LinkProps, LinkComponent } from './link-context';
 export { blockchainMenu, web3OsMenu, dashboardMenu, microcosmMenuGroups, getAllMenuItems, resolveMenuPath, getMenuTitle, getMenuDescription, } from './menu-config';
 export type { MicrocosmMenuItem, MicrocosmMenuGroup, MenuLocale } from './menu-config';
 export { TerminalCard, StatBox, TerminalCommand, TerminalPageHeader, TerminalLoading, TerminalError, TerminalEmpty, TerminalBadge, TerminalDataRow, TerminalProgress, } from './components/terminal';

package/dist/index.js

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MicrocosmVotingPage = exports.MicrocosmOrganizationPage = exports.MicrocosmTerritoryPage = exports.MicrocosmAuctionPage = exports.MicrocosmMCDPage = exports.MicrocosmMiningPage = exports.MicrocosmWalletPage = exports.MicrocosmLendingPage = exports.MicrocosmFragmentPage = 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.getMenuDescription = exports.getMenuTitle = exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.dashboardMenu = exports.web3OsMenu = exports.blockchainMenu = exports.MicrocosmMenuSection = void 0;
-// AI-generated · AI-managed · AI-maintained
+exports.MicrocosmTerritoryPage = exports.MicrocosmAuctionPage = exports.MicrocosmMCDPage = exports.MicrocosmMiningPage = exports.MicrocosmWalletPage = exports.MicrocosmLendingPage = exports.MicrocosmFragmentPage = 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.getMenuDescription = exports.getMenuTitle = exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.dashboardMenu = exports.web3OsMenu = exports.blockchainMenu = exports.useLinkComponent = exports.LinkProvider = exports.MicrocosmMenuSection = void 0;
+exports.MicrocosmVotingPage = exports.MicrocosmOrganizationPage = void 0;
 var menu_section_1 = require("./components/menu-section");
 Object.defineProperty(exports, "MicrocosmMenuSection", { enumerable: true, get: function () { return menu_section_1.MicrocosmMenuSection; } });
+var link_context_1 = require("./link-context");
+Object.defineProperty(exports, "LinkProvider", { enumerable: true, get: function () { return link_context_1.LinkProvider; } });
+Object.defineProperty(exports, "useLinkComponent", { enumerable: true, get: function () { return link_context_1.useLinkComponent; } });
 var menu_config_1 = require("./menu-config");
 Object.defineProperty(exports, "blockchainMenu", { enumerable: true, get: function () { return menu_config_1.blockchainMenu; } });
 Object.defineProperty(exports, "web3OsMenu", { enumerable: true, get: function () { return menu_config_1.web3OsMenu; } });

package/dist/lib/cn.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cn = cn;
-// AI-generated · AI-managed · AI-maintained
 function cn(...inputs) {
     return inputs.filter(Boolean).join(' ');
 }

package/dist/link-context.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface LinkProps {
+    href: string;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: (e: React.MouseEvent) => void;
+    target?: string;
+    rel?: string;
+}
+export type LinkComponent = React.ComponentType<LinkProps>;
+export declare function LinkProvider({ component, children }: {
+    component: LinkComponent;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useLinkComponent(): LinkComponent;

package/dist/link-context.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkProvider = LinkProvider;
+exports.useLinkComponent = useLinkComponent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DefaultLink = ({ href, className, children, onClick, target, rel }) => ((0, jsx_runtime_1.jsx)("a", { href: href, className: className, onClick: onClick, target: target, rel: rel, children: children }));
+const LinkContext = (0, react_1.createContext)(DefaultLink);
+function LinkProvider({ component, children }) {
+    return (0, jsx_runtime_1.jsx)(LinkContext.Provider, { value: component, children: children });
+}
+function useLinkComponent() {
+    return (0, react_1.useContext)(LinkContext);
+}

package/dist/menu-config.js

@@ -5,7 +5,6 @@ exports.getMenuTitle = getMenuTitle;
 exports.getMenuDescription = getMenuDescription;
 exports.getAllMenuItems = getAllMenuItems;
 exports.resolveMenuPath = resolveMenuPath;
-// AI-generated · AI-managed · AI-maintained
 const lucide_react_1 = require("lucide-react");
 /** Resolve localized title — falls back to `item.title` (English) */
 function getMenuTitle(item, locale) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microcosmmoney/portal-react",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "description": "Microcosm Portal UI components for React/Next.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,8 @@
     "lucide-react": ">=0.300.0"
   },
   "dependencies": {
-    "@microcosmmoney/auth-core": "^2.3.1",
-    "@microcosmmoney/auth-react": "^2.3.1"
+    "@microcosmmoney/auth-core": "^2.3.2",
+    "@microcosmmoney/auth-react": "^2.3.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",