@buoy-gg/shared-ui 7.0.34 → 7.0.35

package/lib/commonjs/dataViewer/CyberpunkInput.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _index = require("../icons/index.js");
 var _gameUIColors = require("../ui/gameUI/constants/gameUIColors.js");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function CyberpunkInput({
   label,
@@ -257,7 +258,7 @@ const styles = _reactNative.StyleSheet.create({
   label: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     color: _gameUIColors.buoyColors.textMuted,
     letterSpacing: 0.5,
     minWidth: 60
@@ -292,7 +293,7 @@ const styles = _reactNative.StyleSheet.create({
     paddingVertical: 6,
     color: _gameUIColors.buoyColors.text,
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     backgroundColor: "transparent",
     zIndex: 1
   },

package/lib/commonjs/dataViewer/DataTreeActionBar.js

@@ -10,6 +10,7 @@ var _reactNative = require("react-native");
 var _index = require("../icons/index.js");
 var _index2 = require("../ui/gameUI/index.js");
 var _treeActions = require("./treeActions.js");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Footer bar for the data explorer's selected node — the editor's controls.
@@ -290,7 +291,7 @@ const styles = _reactNative.StyleSheet.create({
     paddingHorizontal: 9,
     paddingVertical: 0,
     fontSize: 12,
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   inputInvalid: {
     borderColor: _index2.macOSColors.semantic.error
@@ -339,7 +340,7 @@ const styles = _reactNative.StyleSheet.create({
     color: T.label,
     fontSize: 12,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     flexShrink: 1
   },
   badge: {

package/lib/commonjs/dataViewer/DataTreeActionDock.js

@@ -8,6 +8,7 @@ var _reactNative = require("react-native");
 var _index = require("../icons/index.js");
 var _index2 = require("../ui/gameUI/index.js");
 var _treeActions = require("./treeActions.js");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * The phone's edit controls — a fixed grid of six thumb-sized tiles, docked
@@ -176,7 +177,7 @@ const styles = _reactNative.StyleSheet.create({
     color: T.label,
     fontSize: 12,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   selectionLabelEmpty: {
     color: T.hint,

package/lib/commonjs/dataViewer/DiffSummary.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DiffSummary = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -117,17 +118,17 @@ const styles = _reactNative.StyleSheet.create({
   },
   icon: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontWeight: "700"
   },
   count: {
     fontSize: 10,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontWeight: "600"
   },
   label: {
     fontSize: 9,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     opacity: 0.9
   }
 });

package/lib/commonjs/dataViewer/LiveExplorer.js

@@ -13,6 +13,7 @@ var _CopyButton = require("../ui/components/CopyButton.js");
 var _index = require("../icons/index.js");
 var _CyberpunkInput = require("./CyberpunkInput.js");
 var _nestedPath = require("./nestedPath.js");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * The LIVE data editor — a recursive JSON tree whose leaves are inputs.
@@ -659,7 +660,7 @@ const styles = _reactNative.StyleSheet.create({
   clearButtonText: {
     fontSize: 12,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   expanderIcon: {
     width: 18,
@@ -746,7 +747,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 10,
     fontWeight: "600",
     marginRight: 4,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     letterSpacing: 0.4
   },
   labelTextFocused: {
@@ -762,14 +763,14 @@ const styles = _reactNative.StyleSheet.create({
     color: _nightTheme.night.color.textTertiary,
     fontSize: 10,
     fontWeight: "400",
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     opacity: 0.7
   },
   pageRangeText: {
     color: _nightTheme.night.color.textSecondary,
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   flexRowGapItemsCenter: {
     flexDirection: "row",
@@ -822,11 +823,11 @@ const styles = _reactNative.StyleSheet.create({
   textNumber: {
     color: _nightTheme.night.color.text,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   textString: {
     color: _nightTheme.night.color.text,
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   flexRowGapFullWidth: {
     flexDirection: "row",
@@ -843,7 +844,7 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "600",
     fontSize: 9,
     minWidth: 50,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     letterSpacing: 0.4,
     opacity: 0.8
   },
@@ -856,7 +857,7 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1,
     color: _nightTheme.night.color.text,
     fontWeight: "400",
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontSize: 12,
     paddingVertical: 6,
     paddingHorizontal: 10,
@@ -890,7 +891,7 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "700",
     textTransform: "uppercase",
     letterSpacing: 0.8,
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   toggleBadgeTrue: {
     backgroundColor: _nightTheme.night.color.accent + "1A",
@@ -919,7 +920,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _nightTheme.night.color.textSecondary,
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     letterSpacing: 0.4,
     minWidth: 60,
     flexShrink: 0

package/lib/commonjs/dataViewer/SplitDiffViewer.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _lineDiff = require("./lineDiff.js");
 var _DiffSummary = require("./DiffSummary.js");
 var _diffThemes = require("./diffThemes.js");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -286,13 +287,13 @@ function createDynamicStyles(theme, height) {
       fontSize: 12,
       fontWeight: "700",
       color: theme.accentColor || theme.unchangedText,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       letterSpacing: 0.5
     },
     themeDescription: {
       fontSize: 10,
       color: theme.unchangedText,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       marginTop: 2,
       opacity: 0.8
     },
@@ -316,7 +317,7 @@ function createDynamicStyles(theme, height) {
       fontSize: 10,
       fontWeight: "700",
       color: theme.accentColor || theme.unchangedText,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       letterSpacing: 0.5,
       textTransform: "uppercase"
     },
@@ -360,7 +361,7 @@ function createDynamicStyles(theme, height) {
     },
     lineNumber: {
       fontSize: 9,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       color: theme.lineNumberText
     },
     marker: {
@@ -373,7 +374,7 @@ function createDynamicStyles(theme, height) {
     },
     markerText: {
       fontSize: 10,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       fontWeight: "600"
     },
     contentCell: {
@@ -386,12 +387,12 @@ function createDynamicStyles(theme, height) {
     },
     content: {
       fontSize: 10,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       lineHeight: 16
     },
     wordDiff: {
       fontSize: 10,
-      fontFamily: "monospace"
+      fontFamily: _fonts.monoFont
     },
     separator: {
       height: 20,
@@ -402,7 +403,7 @@ function createDynamicStyles(theme, height) {
     separatorText: {
       fontSize: 8,
       color: theme.separatorText,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       letterSpacing: 2
     },
     emptyState: {
@@ -414,7 +415,7 @@ function createDynamicStyles(theme, height) {
       fontSize: 11,
       color: theme.emptyStateText,
       fontStyle: "italic",
-      fontFamily: "monospace"
+      fontFamily: _fonts.monoFont
     }
   });
 }

package/lib/commonjs/dataViewer/ThemedSplitView.js

@@ -12,6 +12,7 @@ var _TimestampDeltaBar = require("./TimestampDeltaBar.js");
 var _timestampDiff = require("./timestampDiff.js");
 var _JsonStringNotice = require("./JsonStringNotice.js");
 var _jsonStringValue = require("./jsonStringValue.js");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * ThemedSplitView — the production-grade split diff renderer, promoted from
@@ -474,13 +475,13 @@ function createDynamicStyles(theme, scrollEnabled) {
       fontSize: 12,
       fontWeight: "700",
       color: theme.accentColor || theme.unchangedText,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       letterSpacing: 0.5
     },
     themeDescription: {
       fontSize: 10,
       color: theme.unchangedText,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       marginTop: 2,
       opacity: 0.8
     },
@@ -504,7 +505,7 @@ function createDynamicStyles(theme, scrollEnabled) {
       fontSize: 10,
       fontWeight: "700",
       color: theme.accentColor || theme.unchangedText,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       letterSpacing: 0.5,
       textTransform: "uppercase"
     },
@@ -548,7 +549,7 @@ function createDynamicStyles(theme, scrollEnabled) {
     },
     lineNumber: {
       fontSize: 9,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       color: theme.lineNumberText
     },
     marker: {
@@ -561,7 +562,7 @@ function createDynamicStyles(theme, scrollEnabled) {
     },
     markerText: {
       fontSize: 10,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       fontWeight: "600"
     },
     contentCell: {
@@ -574,12 +575,12 @@ function createDynamicStyles(theme, scrollEnabled) {
     },
     content: {
       fontSize: 10,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       lineHeight: 16
     },
     wordDiff: {
       fontSize: 10,
-      fontFamily: "monospace"
+      fontFamily: _fonts.monoFont
     },
     summaryBar: {
       flexDirection: "row",
@@ -597,7 +598,7 @@ function createDynamicStyles(theme, scrollEnabled) {
     },
     summaryText: {
       fontSize: 10,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       fontWeight: "700"
     },
     separator: {
@@ -609,7 +610,7 @@ function createDynamicStyles(theme, scrollEnabled) {
     separatorText: {
       fontSize: 8,
       color: theme.separatorText,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       letterSpacing: 2
     },
     foldHeader: {
@@ -623,7 +624,7 @@ function createDynamicStyles(theme, scrollEnabled) {
     },
     foldHeaderText: {
       fontSize: 10,
-      fontFamily: "monospace",
+      fontFamily: _fonts.monoFont,
       letterSpacing: 0.5
     },
     emptyState: {
@@ -635,7 +636,7 @@ function createDynamicStyles(theme, scrollEnabled) {
       fontSize: 11,
       color: theme.emptyStateText,
       fontStyle: "italic",
-      fontFamily: "monospace"
+      fontFamily: _fonts.monoFont
     }
   });
 }

package/lib/commonjs/dataViewer/ValueEditModal.js

@@ -10,6 +10,7 @@ var _absoluteFill = require("../utils/absoluteFill.js");
 var _index = require("../ui/gameUI/index.js");
 var _nightTheme = require("../ui/night/nightTheme.js");
 var _treeActions = require("./treeActions.js");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Editing one value: a panel at the top of the screen, with Cancel and Save.
@@ -274,12 +275,12 @@ const styles = _reactNative.StyleSheet.create({
     color: _index.macOSColors.semantic.warning,
     fontSize: 10,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   path: {
     color: _nightTheme.night.color.textTertiary,
     fontSize: 11,
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   /** Caps the panel's height so a huge blob can't push the buttons off-screen. */
   fieldScroll: {
@@ -294,7 +295,7 @@ const styles = _reactNative.StyleSheet.create({
     paddingHorizontal: 12,
     paddingVertical: 10,
     fontSize: 14,
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   inputMultiline: {
     minHeight: 110,
@@ -318,7 +319,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _nightTheme.night.color.danger,
     fontSize: 11,
     lineHeight: 16,
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   actions: {
     flexDirection: "row",
@@ -377,7 +378,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _nightTheme.night.color.textTertiary,
     fontSize: 16,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   boolTextActive: {
     color: _index.macOSColors.semantic.warning

package/lib/commonjs/dataViewer/VirtualizedDataExplorer.js

@@ -12,6 +12,7 @@ var _nightTheme = require("../ui/night/nightTheme.js");
 var _CopyButton = require("../ui/components/CopyButton.js");
 var _index2 = require("../icons/index.js");
 var _IndentGuidesOverlay = require("./IndentGuidesOverlay.js");
+var _fonts = require("../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 // Stable constants to prevent re-renders [[memory:4875251]]
 const HIT_SLOP_10 = {
@@ -178,7 +179,7 @@ const STABLE_STYLES = _reactNative.StyleSheet.create({
     fontSize: 12,
     fontWeight: "500",
     // font-medium
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     marginRight: 8,
     flexShrink: 1
   },
@@ -188,12 +189,12 @@ const STABLE_STYLES = _reactNative.StyleSheet.create({
     fontSize: 12,
     fontWeight: "500",
     // font-medium
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     flexShrink: 1
   },
   valueText: {
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     flex: 1,
     color: _index.gameUIColors.primaryLight // text-gray-300
   },

package/lib/commonjs/dataViewer/tree/TreeDiffViewer.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _lineDiff = require("../lineDiff.js");
+var _fonts = require("../../ui/fonts.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // @ts-nocheck
@@ -790,16 +791,16 @@ const styles = _reactNative.StyleSheet.create({
   summaryIcon: {
     fontSize: 14,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   summaryCount: {
     fontSize: 13,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: _fonts.monoFont
   },
   summaryLabel: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     opacity: 0.9
   },
   scrollView: {
@@ -823,7 +824,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   lineNumberText: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     textAlign: "right"
   },
   marker: {
@@ -835,7 +836,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   markerText: {
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontWeight: "600"
   },
   content: {
@@ -856,33 +857,33 @@ const styles = _reactNative.StyleSheet.create({
   },
   expandIcon: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontWeight: "600"
   },
   colon: {
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     marginHorizontal: 4
   },
   key: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontWeight: "500",
     opacity: 0.9
   },
   value: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     maxWidth: "80%"
   },
   arrow: {
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontWeight: "600"
   },
   badge: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontWeight: "600",
     marginLeft: 8
   },
@@ -894,19 +895,19 @@ const styles = _reactNative.StyleSheet.create({
   },
   emptyIcon: {
     fontSize: 48,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     opacity: 0.2,
     marginBottom: 12
   },
   emptyTitle: {
     fontSize: 14,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     fontWeight: "600",
     marginBottom: 4
   },
   emptySubtitle: {
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: _fonts.monoFont,
     opacity: 0.6
   }
 });

package/lib/commonjs/hooks/safe-area-impl.js

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-09-04T01:21:28.486Z
+ * Generated at: 2026-09-04T23:36:20.710Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *