@buoy-gg/storage 7.0.33 → 7.0.35

package/lib/module/storage/components/DiffViewer/DiffOptionsPanel.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { View, Text, StyleSheet, TouchableOpacity, Switch } from "react-native";
-import { night, Settings, Hash, FileText, Filter } from "@buoy-gg/shared-ui";
+import { night, Settings, Hash, FileText, Filter, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const COMPARE_METHODS = [{
   id: "chars",
@@ -208,13 +208,13 @@ const styles = StyleSheet.create({
     fontSize: 10,
     fontWeight: "600",
     color: night.color.accent,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   toggleIndicator: {
     fontSize: 8,
     color: night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   optionsContent: {
     marginTop: 8,
@@ -230,7 +230,7 @@ const styles = StyleSheet.create({
     fontSize: 9,
     fontWeight: "700",
     color: night.color.accent,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     letterSpacing: 0.5,
     marginBottom: 4
   },
@@ -251,12 +251,12 @@ const styles = StyleSheet.create({
   optionLabel: {
     fontSize: 11,
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   optionDescription: {
     fontSize: 9,
     color: night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginTop: 4,
     marginLeft: 19,
     lineHeight: 12
@@ -287,7 +287,7 @@ const styles = StyleSheet.create({
   },
   methodButtonText: {
     fontSize: 9,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     color: night.color.textTertiary,
     fontWeight: "600"
   },
@@ -297,7 +297,7 @@ const styles = StyleSheet.create({
   methodDescription: {
     fontSize: 9,
     color: night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginTop: 8,
     lineHeight: 12
   },
@@ -321,7 +321,7 @@ const styles = StyleSheet.create({
   },
   contextButtonText: {
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     color: night.color.textTertiary,
     fontWeight: "600"
   },
@@ -331,7 +331,7 @@ const styles = StyleSheet.create({
   contextDescription: {
     fontSize: 9,
     color: night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginTop: 8,
     lineHeight: 12
   },
@@ -345,7 +345,7 @@ const styles = StyleSheet.create({
   },
   activeIndicatorText: {
     fontSize: 8,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     color: night.color.warning,
     fontWeight: "600"
   }

package/lib/module/storage/components/DiffViewer/components/DiffSummary.js

@@ -1,6 +1,7 @@
 "use strict";
 
 import { View, Text, StyleSheet } from "react-native";
+import { monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function DiffSummary({
   added,
@@ -101,17 +102,17 @@ const styles = StyleSheet.create({
   },
   icon: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontWeight: "700"
   },
   count: {
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontWeight: "600"
   },
   label: {
     fontSize: 9,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     opacity: 0.9
   }
 });

package/lib/module/storage/components/GameUIStorageBrowser.js

@@ -2,7 +2,7 @@
 
 import { useMemo, useCallback, useState, useEffect, useRef } from "react";
 import { StyleSheet, Text, View, TouchableOpacity, ScrollView, Alert } from "react-native";
-import { absoluteFill, useLimit, TIER_LIMITS } from "@buoy-gg/shared-ui";
+import { absoluteFill, useLimit, TIER_LIMITS, monoFont } from "@buoy-gg/shared-ui";
 import { Database, Zap, ProBadge, ProUpgradeModal, ToolEmptyState, resolveListEmptyState } from "@buoy-gg/shared-ui";
 import { isDevToolsStorageKey } from "@buoy-gg/shared-ui";
 import { StorageKeySection, storageRowId } from "./StorageKeySection";
@@ -1028,7 +1028,7 @@ const styles = StyleSheet.create({
   techFooter: {
     fontSize: 8,
     color: night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textAlign: "center",
     marginTop: 20,
     letterSpacing: 1,
@@ -1076,7 +1076,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: "600",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   // Empty state
   emptyState: {
@@ -1120,7 +1120,7 @@ const styles = StyleSheet.create({
   },
   emptyMMKVCode: {
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     color: night.color.accent,
     backgroundColor: night.color.bg,
     padding: 12,
@@ -1190,7 +1190,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: '600',
     color: night.color.textSecondary,
-    fontFamily: 'monospace',
+    fontFamily: monoFont,
     flex: 1
   },
   instanceNavbarButtonTextActive: {
@@ -1209,7 +1209,7 @@ const styles = StyleSheet.create({
     fontSize: 10,
     fontWeight: '700',
     color: night.color.textSecondary,
-    fontFamily: 'monospace'
+    fontFamily: monoFont
   },
   clearSearchButton: {
     marginTop: 16,

package/lib/module/storage/components/MMKVInstanceInfoPanel.js

@@ -14,7 +14,7 @@
  */
 
 import { View, Text, StyleSheet } from 'react-native';
-import { macOSColors, night } from '@buoy-gg/shared-ui';
+import { macOSColors, night, monoFont } from '@buoy-gg/shared-ui';
 import { useMMKVInstance } from '../hooks/useMMKVInstances';
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -219,7 +219,7 @@ const styles = StyleSheet.create({
     color: night.color.accent
   },
   monoValue: {
-    fontFamily: 'monospace'
+    fontFamily: monoFont
   },
   // Notices
   notice: {

package/lib/module/storage/components/MMKVInstanceSelector.js

@@ -11,7 +11,7 @@
 
 import { useState } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, ScrollView, Modal } from 'react-native';
-import { macOSColors, night } from '@buoy-gg/shared-ui';
+import { macOSColors, night, monoFont } from '@buoy-gg/shared-ui';
 import { useMMKVInstances } from '../hooks/useMMKVInstances';
 import { isMMKVAvailable, getMMKVUnavailableMessage } from '../utils/mmkvAvailability';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -366,7 +366,7 @@ const styles = StyleSheet.create({
     fontSize: 13,
     fontWeight: '500',
     color: night.color.text,
-    fontFamily: 'monospace'
+    fontFamily: monoFont
   },
   instanceIdSelected: {
     fontWeight: '600',
@@ -403,7 +403,7 @@ const styles = StyleSheet.create({
     fontSize: 16,
     fontWeight: '600',
     color: night.color.text,
-    fontFamily: 'monospace'
+    fontFamily: monoFont
   },
   keyCountLabel: {
     fontSize: 9,

package/lib/module/storage/components/SelectionActionBar.js

@@ -2,7 +2,7 @@
 
 import { useState, useEffect } from "react";
 import { View, Text, StyleSheet, TouchableOpacity, Alert } from "react-native";
-import { Trash2, CopyButton, CheckSquare, EyeOff, ProUpgradeModal } from "@buoy-gg/shared-ui";
+import { Trash2, CopyButton, CheckSquare, EyeOff, ProUpgradeModal, monoFont } from "@buoy-gg/shared-ui";
 import { macOSColors, night } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { deleteStorageKeys } from "../utils/deleteStorageKeys";
@@ -184,7 +184,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: "700",
     color: night.color.accent,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   actionsSection: {
     flexDirection: "row",

package/lib/module/storage/components/StorageActionButtons.js

@@ -2,7 +2,7 @@
 
 import { useState, useEffect } from "react";
 import { View, Text, StyleSheet, TouchableOpacity, Alert } from "react-native";
-import { Trash2, CopyButton, SquareDashed, X, ProUpgradeModal } from "@buoy-gg/shared-ui";
+import { Trash2, CopyButton, SquareDashed, X, ProUpgradeModal, monoFont } from "@buoy-gg/shared-ui";
 import { macOSColors, night } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import AsyncStorage from "@react-native-async-storage/async-storage";
@@ -232,6 +232,6 @@ const styles = StyleSheet.create({
     fontSize: 10,
     fontWeight: "700",
     color: night.color.accent,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/storage/components/StorageEventActionButton.js

@@ -8,7 +8,7 @@
  */
 
 import { TouchableOpacity, Text, View, StyleSheet } from "react-native";
-import { night, Lock } from "@buoy-gg/shared-ui";
+import { night, Lock, monoFont } from "@buoy-gg/shared-ui";
 
 // Button color configurations matching Redux/React Query pattern
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -112,7 +112,7 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     height: 12
   }
 });

package/lib/module/storage/components/StorageEventDetailContent.js

@@ -9,7 +9,7 @@
 import { View, Text, StyleSheet } from "react-native";
 import { useState, useCallback, useMemo, useEffect, useRef } from "react";
 import AsyncStorage from "@react-native-async-storage/async-storage";
-import { formatRelativeTime, macOSColors, night, parseValue, devToolsStorageKeys, GitBranch, EventStepperFooter, EventHistoryViewer, copyToClipboard, ProUpgradeModal } from "@buoy-gg/shared-ui";
+import { formatRelativeTime, macOSColors, night, parseValue, devToolsStorageKeys, GitBranch, EventStepperFooter, EventHistoryViewer, copyToClipboard, ProUpgradeModal, monoFont } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { ABSENT_VALUE } from "../utils/lineDiff";
 import { ThemedSplitView } from "./DiffViewer/modes/ThemedSplitView";
@@ -473,7 +473,7 @@ const styles = StyleSheet.create({
   valueText: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 18
   },
   // Action badges for compare bar
@@ -485,6 +485,6 @@ const styles = StyleSheet.create({
   actionTextSmall: {
     fontSize: 8,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/storage/components/StorageFilterCards.js

@@ -2,7 +2,7 @@
 
 import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
 import { StorageTypeFilterBar } from "./StorageTypeFilterBar";
-import { macOSColors, night } from "@buoy-gg/shared-ui";
+import { macOSColors, night, monoFont } from "@buoy-gg/shared-ui";
 import { isMMKVAvailable } from "../utils/mmkvAvailability";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Feature flags - set to true when implemented
@@ -221,7 +221,7 @@ const styles = StyleSheet.create({
   filterValue: {
     fontSize: 18,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 20
   }
 });

package/lib/module/storage/components/StorageKeyCard.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { AlertCircle, CheckCircle2, Eye, XCircle, HardDrive, Database, Shield, gameUIColors, macOSColors, night } from "@buoy-gg/shared-ui";
+import { AlertCircle, CheckCircle2, Eye, XCircle, HardDrive, Database, Shield, gameUIColors, macOSColors, night, monoFont } from "@buoy-gg/shared-ui";
 import { getStorageTypeLabel, getStorageTypeHexColor } from "../utils/storageQueryUtils";
 import { getValueTypeLabel } from "../utils/valueType";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
@@ -396,7 +396,7 @@ const styles = StyleSheet.create({
   instanceText: {
     fontSize: 9,
     fontWeight: "700",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     letterSpacing: 0.3
   },
   valueBadge: {
@@ -447,7 +447,7 @@ const styles = StyleSheet.create({
   simpleValueContent: {
     color: gameUIColors.success,
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 16
   },
   valueTypeText: {
@@ -475,7 +475,7 @@ const styles = StyleSheet.create({
   valueContent: {
     color: night.color.text,
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 14
   },
   expectedValueBox: {
@@ -488,7 +488,7 @@ const styles = StyleSheet.create({
   expectedValueContent: {
     color: night.color.text,
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 14
   },
   emptyValueContainer: {

package/lib/module/storage/components/StorageKeyDetailScreen.js

@@ -29,7 +29,7 @@
 
 import { useCallback, useMemo, useRef, useState } from "react";
 import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { EyeOff, FileJson, HardDrive, night, macOSColors, Pin, PillBadge, Trash2, TypeBadge, useSafeAreaInsets } from "@buoy-gg/shared-ui";
+import { EyeOff, FileJson, HardDrive, night, macOSColors, Pin, PillBadge, Trash2, TypeBadge, useSafeAreaInsets, monoFont } from "@buoy-gg/shared-ui";
 import { DataViewer, LiveExplorer, ValueEditModal, updateNestedDataByPath, deleteNestedDataByPath } from "@buoy-gg/shared-ui/dataViewer";
 import { getStorageTypeLabel } from "../utils/storageQueryUtils";
 import { getValueTypeLabel, parseStorageValue } from "../utils/valueType";
@@ -436,7 +436,7 @@ const styles = StyleSheet.create({
     color: night.color.accent,
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   rawButton: {
     flexDirection: "row",
@@ -483,7 +483,7 @@ const styles = StyleSheet.create({
     borderBottomColor: night.color.border,
     letterSpacing: 0.5,
     textTransform: "uppercase",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   infoBody: {
     padding: 12,
@@ -499,17 +499,17 @@ const styles = StyleSheet.create({
     color: night.color.textTertiary,
     fontWeight: "600",
     minWidth: 64,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   infoDim: {
     color: night.color.textTertiary,
     fontSize: 10,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   infoExpected: {
     fontSize: 11,
     color: macOSColors.semantic.warning,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   infoDescription: {
@@ -520,7 +520,7 @@ const styles = StyleSheet.create({
   rawValueText: {
     color: night.color.textSecondary,
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 16,
     padding: 12
   },
@@ -534,7 +534,7 @@ const styles = StyleSheet.create({
   inlineLinkText: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     color: night.color.accent
   },
   actionRow: {
@@ -565,6 +565,6 @@ const styles = StyleSheet.create({
   actionChipText: {
     fontSize: 11,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/storage/components/StorageKeyEditorScreen.js

@@ -19,7 +19,7 @@
 
 import { useMemo } from "react";
 import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { macOSColors, night, FileJson, PillBadge, ToolBackground, useSafeAreaInsets, X } from "@buoy-gg/shared-ui";
+import { macOSColors, night, FileJson, PillBadge, ToolBackground, useSafeAreaInsets, X, monoFont } from "@buoy-gg/shared-ui";
 import { DataViewer, DataTreeActionDock, getAtPath } from "@buoy-gg/shared-ui/dataViewer";
 import { useKeyEditor } from "../hooks/useKeyEditor";
 import { StorageValueEditModal } from "./StorageValueEditModal";
@@ -319,7 +319,7 @@ const styles = StyleSheet.create({
     color: night.color.text,
     fontSize: 13,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   headerState: {
     color: night.color.textTertiary,
@@ -338,7 +338,7 @@ const styles = StyleSheet.create({
   metaText: {
     color: night.color.textTertiary,
     fontSize: 11,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   treeScroll: {
     flex: 1
@@ -363,7 +363,7 @@ const styles = StyleSheet.create({
   error: {
     color: night.color.danger,
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     paddingHorizontal: 12,
     paddingBottom: 6
   },

package/lib/module/storage/components/StorageKeyRow.js

@@ -2,7 +2,7 @@
 
 import { memo } from "react";
 import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { macOSColors, night, CompactRow, TypeBadge, HardDrive, Square, CheckSquare, Edit3, EyeOff, Pin, Trash2, ExpandedInfoRow, PillBadge } from "@buoy-gg/shared-ui";
+import { macOSColors, night, CompactRow, TypeBadge, HardDrive, Square, CheckSquare, Edit3, EyeOff, Pin, Trash2, ExpandedInfoRow, PillBadge, monoFont } from "@buoy-gg/shared-ui";
 import { getStorageTypeLabel } from "../utils/storageQueryUtils";
 import { getValueTypeLabel, getValueTypeWithPreview, parseStorageValue } from "../utils/valueType";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
@@ -432,18 +432,18 @@ const styles = StyleSheet.create({
     color: night.color.textTertiary,
     fontWeight: "600",
     minWidth: 70,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   expandedValue: {
     fontSize: 11,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   expandedExpected: {
     fontSize: 11,
     color: macOSColors.semantic.warning,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   expandedDescription: {
@@ -495,7 +495,7 @@ const styles = StyleSheet.create({
   absCountText: {
     fontSize: 9,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   actionRow: {
     flexDirection: "row",
@@ -540,7 +540,7 @@ const styles = StyleSheet.create({
   actionChipText: {
     fontSize: 11,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   viewHistoryButton: {
     marginLeft: 4
@@ -548,7 +548,7 @@ const styles = StyleSheet.create({
   viewHistoryText: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     color: night.color.accent
   }
 });