@buoy-gg/route-events 7.0.41 → 7.0.43

package/lib/commonjs/components/ReactNavigationRoutes.js

@@ -1,836 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReactNavigationRoutes = ReactNavigationRoutes;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _safeReactNavigation = require("../utils/safeReactNavigation");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _license = require("@buoy-gg/license");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ReactNavigationRoutes - Visual sitemap of all screens in a React Navigation app
- *
- * Discovers all registered screens by walking the navigation state tree.
- * Each navigator's state includes a `routeNames` array listing ALL screens
- * registered with it — even ones not currently mounted in the stack.
- *
- * Provides navigation to any discovered screen using nested screen/params actions.
- */
-
-// Resolved once at module load; null when React Navigation is absent
-// (useSafeNavigationContainerRef then yields undefined, so the dispatch
-// paths below never execute).
-const CommonActions = (0, _safeReactNavigation.getCommonActions)();
-
-// ============================================================================
-// Types
-// ============================================================================
-
-// ============================================================================
-// State Tree Walking
-// ============================================================================
-
-/**
- * Walk the navigation state tree and collect all navigators with their registered screens.
- */
-function collectNavigatorGroups(state, parentPath = "Root") {
-  if (!state) return [];
-  const groups = [];
-
-  // routeNames lists ALL screens registered with this navigator
-  const routeNames = state.routeNames || [];
-  const mountedRouteNames = new Set((state.routes || []).map(r => r.name));
-  const focusedIndex = state.index ?? 0;
-  const focusedRouteName = state.routes?.[focusedIndex]?.name;
-  if (routeNames.length > 0) {
-    const screens = routeNames.map(name => ({
-      name,
-      isMounted: mountedRouteNames.has(name),
-      isFocused: name === focusedRouteName
-    }));
-    groups.push({
-      name: parentPath === "Root" ? "Root" : parentPath.split(" > ").pop(),
-      path: parentPath,
-      screens,
-      totalScreens: screens.length
-    });
-  }
-
-  // Recurse into mounted routes that have nested navigator state
-  for (const route of state.routes || []) {
-    if (route.state) {
-      const childPath = `${parentPath} > ${route.name}`;
-      const nestedGroups = collectNavigatorGroups(route.state, childPath);
-      groups.push(...nestedGroups);
-    }
-  }
-  return groups;
-}
-
-/**
- * Find the path from root navigation state to a screen by name.
- */
-function findScreenPath(state, screenName) {
-  if (!state || !state.routes) return null;
-
-  // Check routeNames (all registered screens) not just mounted routes
-  const routeNames = state.routeNames || [];
-  if (routeNames.includes(screenName)) {
-    return [screenName];
-  }
-  for (const route of state.routes) {
-    if (route.state) {
-      const nested = findScreenPath(route.state, screenName);
-      if (nested) {
-        return [route.name, ...nested];
-      }
-    }
-  }
-  return null;
-}
-
-/**
- * Build a nested CommonActions.navigate() from a path of screen names.
- */
-function buildNestedNavigateAction(path) {
-  if (path.length === 0) return null;
-  if (path.length === 1) {
-    return CommonActions.navigate({
-      name: path[0]
-    });
-  }
-  let params = {
-    screen: path[path.length - 1]
-  };
-  for (let i = path.length - 2; i >= 1; i--) {
-    params = {
-      screen: path[i],
-      params
-    };
-  }
-  return CommonActions.navigate({
-    name: path[0],
-    params
-  });
-}
-
-// ============================================================================
-// Main Component
-// ============================================================================
-
-function ReactNavigationRoutes({
-  style
-}) {
-  const containerRef = (0, _safeReactNavigation.useSafeNavigationContainerRef)();
-  const [navigationState, setNavigationState] = (0, _react.useState)(() => containerRef?.getRootState?.() ?? null);
-  const [searchQuery, setSearchQuery] = (0, _react.useState)("");
-  const [isSearching, setIsSearching] = (0, _react.useState)(false);
-  const [expandedGroup, setExpandedGroup] = (0, _react.useState)(null);
-  const [isRefreshing, setIsRefreshing] = (0, _react.useState)(false);
-  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
-  const isPro = (0, _license.useIsPro)();
-  (0, _react.useEffect)(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-
-  // Subscribe to navigation state changes
-  (0, _react.useEffect)(() => {
-    if (!containerRef) return;
-    const initialState = containerRef.getRootState?.();
-    if (initialState) {
-      setNavigationState(initialState);
-    }
-    const unsubscribe = containerRef.addListener?.("state", () => {
-      const state = containerRef.getRootState?.();
-      if (state) {
-        setNavigationState(state);
-      }
-    });
-    return () => {
-      unsubscribe?.();
-    };
-  }, [containerRef]);
-
-  // Build navigator groups from state
-  const groups = (0, _react.useMemo)(() => collectNavigatorGroups(navigationState), [navigationState]);
-
-  // Auto-expand first group on first load
-  (0, _react.useEffect)(() => {
-    if (groups.length > 0 && expandedGroup === null) {
-      setExpandedGroup(groups[0].path);
-    }
-  }, [groups.length]);
-
-  // Flatten all screens for stats and search
-  const allScreens = (0, _react.useMemo)(() => {
-    const screens = [];
-    for (const group of groups) {
-      for (const screen of group.screens) {
-        screens.push({
-          name: screen.name,
-          navigatorPath: group.path,
-          isMounted: screen.isMounted,
-          isFocused: screen.isFocused
-        });
-      }
-    }
-    return screens;
-  }, [groups]);
-
-  // Filter groups by search
-  const filteredGroups = (0, _react.useMemo)(() => {
-    if (!searchQuery.trim()) return groups;
-    const query = searchQuery.toLowerCase();
-    return groups.map(group => ({
-      ...group,
-      screens: group.screens.filter(s => s.name.toLowerCase().includes(query))
-    })).filter(group => group.screens.length > 0);
-  }, [groups, searchQuery]);
-
-  // Stats
-  const stats = (0, _react.useMemo)(() => {
-    const total = allScreens.length;
-    const mounted = allScreens.filter(s => s.isMounted).length;
-    const available = total - mounted;
-    const navigators = groups.length;
-    return {
-      total,
-      mounted,
-      available,
-      navigators
-    };
-  }, [allScreens, groups]);
-
-  // Copy data
-  const copyAllData = (0, _react.useMemo)(() => {
-    return {
-      summary: {
-        totalScreens: stats.total,
-        mounted: stats.mounted,
-        available: stats.available,
-        navigators: stats.navigators,
-        timestamp: new Date().toISOString()
-      },
-      navigators: groups.map(group => ({
-        path: group.path,
-        screens: group.screens.map(s => ({
-          name: s.name,
-          isMounted: s.isMounted,
-          isFocused: s.isFocused
-        }))
-      }))
-    };
-  }, [groups, stats]);
-  const handleToggleGroup = (0, _react.useCallback)(groupPath => {
-    setExpandedGroup(prev => prev === groupPath ? null : groupPath);
-  }, []);
-  const handleNavigate = (0, _react.useCallback)(screenName => {
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    if (!containerRef || !navigationState) return;
-    try {
-      const path = findScreenPath(navigationState, screenName);
-      if (path) {
-        const action = buildNestedNavigateAction(path);
-        if (action) {
-          containerRef.dispatch(action);
-          return;
-        }
-      }
-      // Fallback
-      containerRef.dispatch(CommonActions.navigate({
-        name: screenName
-      }));
-    } catch (error) {
-      _reactNative.Alert.alert("Navigation Error", String(error));
-    }
-  }, [containerRef, navigationState, isPro]);
-  const handleRefresh = (0, _react.useCallback)(() => {
-    if (isRefreshing || !containerRef) return;
-    setIsRefreshing(true);
-    const state = containerRef.getRootState?.();
-    if (state) {
-      setNavigationState(state);
-    }
-    setTimeout(() => setIsRefreshing(false), 400);
-  }, [isRefreshing, containerRef]);
-  if (!navigationState) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.container, style],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.emptyState,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: "No navigation state available"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptySubtext,
-          children: "Ensure you are inside a NavigationContainer"
-        })]
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, style],
-    children: [isSearching && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.searchContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-        size: 16,
-        color: _sharedUi.night.color.textTertiary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        style: styles.searchInput,
-        placeholder: "Search screens...",
-        placeholderTextColor: _sharedUi.night.color.placeholder,
-        value: searchQuery,
-        onChangeText: setSearchQuery,
-        autoCapitalize: "none",
-        autoCorrect: false,
-        autoFocus: true
-      }), searchQuery.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => setSearchQuery(""),
-        style: styles.clearButton,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.clearButtonText,
-          children: "\u2715"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.closeSearchButton,
-        onPress: () => {
-          setIsSearching(false);
-          setSearchQuery("");
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.closeSearchText,
-          children: "Done"
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      style: styles.scrollView,
-      contentContainerStyle: styles.scrollContent,
-      children: [!isSearching && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.header,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionsRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.actionWrapper,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
-              value: copyAllData,
-              buttonStyle: styles.actionButtonHeader
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.actionLabel,
-              children: "Copy"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.actionWrapper,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              style: [styles.iconButton, isRefreshing && styles.refreshButtonDisabled],
-              onPress: handleRefresh,
-              disabled: isRefreshing,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
-                size: 16,
-                color: isRefreshing ? _sharedUi.night.color.textTertiary : _sharedUi.night.color.textSecondary
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.actionLabel,
-              children: "Refresh"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.actionWrapper,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              style: styles.iconButton,
-              onPress: () => setIsSearching(true),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-                size: 16,
-                color: _sharedUi.night.color.textSecondary
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.actionLabel,
-              children: "Search"
-            })]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.statsGrid,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.total,
-            label: "Screens"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.mounted,
-            label: "Mounted"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.available,
-            label: "Available"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.navigators,
-            label: "Navigators"
-          })]
-        })]
-      }), filteredGroups.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.emptyState,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: searchQuery ? "No matching screens" : "No screens found"
-        })
-      }) : filteredGroups.map(group => /*#__PURE__*/(0, _jsxRuntime.jsx)(NavigatorGroupView, {
-        group: group,
-        isExpanded: searchQuery.length > 0 || expandedGroup === group.path,
-        onToggleExpand: () => handleToggleGroup(group.path),
-        onNavigate: handleNavigate
-      }, group.path)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.metaFooter,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.metaText,
-          children: "Source: navigation state"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.sourceBadge,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sourceText,
-            children: "React Navigation"
-          })
-        })]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: "Route Navigation"
-    })]
-  });
-}
-
-// ============================================================================
-// Sub-components
-// ============================================================================
-
-function StatItem({
-  value,
-  label
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.statItem,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.statValue,
-      children: value
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.statLabel,
-      children: label
-    })]
-  });
-}
-function NavigatorGroupView({
-  group,
-  isExpanded,
-  onToggleExpand,
-  onNavigate
-}) {
-  const [expandedScreen, setExpandedScreen] = (0, _react.useState)(null);
-  const handleToggleScreen = (0, _react.useCallback)(screenName => {
-    setExpandedScreen(prev => prev === screenName ? null : screenName);
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.groupContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      style: styles.groupHeader,
-      onPress: onToggleExpand,
-      activeOpacity: 0.7,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.groupHeaderLeft,
-        children: [isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.groupTitle,
-          numberOfLines: 1,
-          children: group.name
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.groupBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.groupCount,
-          children: group.screens.length
-        })
-      })]
-    }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.screensList,
-      children: [group.path !== "Root" && group.path.includes(" > ") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.groupDescription,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.groupDescriptionText,
-          children: group.path
-        })
-      }), group.screens.map(screen => /*#__PURE__*/(0, _jsxRuntime.jsx)(ScreenItemView, {
-        screen: screen,
-        isExpanded: expandedScreen === screen.name,
-        onToggleExpand: () => handleToggleScreen(screen.name),
-        onNavigate: onNavigate
-      }, screen.name))]
-    })]
-  });
-}
-function ScreenItemView({
-  screen,
-  isExpanded,
-  onToggleExpand,
-  onNavigate
-}) {
-  const statusColor = screen.isFocused ? _sharedUi.buoyColors.success : screen.isMounted ? "#3B82F6" : _sharedUi.night.color.textTertiary;
-  const statusLabel = screen.isFocused ? "FOCUSED" : screen.isMounted ? "MOUNTED" : "AVAILABLE";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.screenItem,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.screenCard,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.screenHeaderLeft,
-        onPress: onToggleExpand,
-        activeOpacity: 0.7,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.expandIndicator,
-          children: isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-            size: 14,
-            color: _sharedUi.night.color.textSecondary
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-            size: 14,
-            color: _sharedUi.night.color.textSecondary
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.screenName,
-          numberOfLines: 1,
-          children: screen.name
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.screenHeaderActions,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.InlineCopyButton, {
-          value: screen.name,
-          buttonStyle: styles.headerActionButton
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: [styles.headerActionButton, styles.navigateButton],
-          onPress: () => onNavigate(screen.name),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.navigateButtonText,
-            children: "Go"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.statusBadge, {
-            backgroundColor: `${statusColor}15`,
-            borderColor: `${statusColor}40`
-          }],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.statusText, {
-              color: statusColor
-            }],
-            children: statusLabel
-          })
-        })]
-      })]
-    })
-  });
-}
-
-// ============================================================================
-// Styles
-// ============================================================================
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  emptyState: {
-    padding: 32,
-    alignItems: "center"
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 14,
-    fontFamily: _sharedUi.monoFont
-  },
-  emptySubtext: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 12,
-    fontFamily: _sharedUi.monoFont,
-    marginTop: 8
-  },
-  header: {
-    flexDirection: "column",
-    padding: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.border,
-    gap: 12,
-    marginBottom: 8
-  },
-  actionsRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    gap: 12,
-    paddingBottom: 4
-  },
-  actionWrapper: {
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 4,
-    minWidth: 48
-  },
-  actionButtonHeader: {
-    padding: 6,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.surfaceElevated
-  },
-  iconButton: {
-    padding: 6,
-    borderRadius: 4,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  actionLabel: {
-    fontSize: 8,
-    color: _sharedUi.night.color.textTertiary,
-    fontFamily: _sharedUi.monoFont,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  refreshButtonDisabled: {
-    opacity: 0.5
-  },
-  statsGrid: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8
-  },
-  statItem: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexBasis: "20%",
-    minWidth: 70,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 8,
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    alignItems: "center"
-  },
-  statValue: {
-    fontSize: 18,
-    fontWeight: "800",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  statLabel: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textTertiary,
-    marginTop: 4,
-    fontFamily: _sharedUi.monoFont,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  searchContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    padding: 8,
-    gap: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.border
-  },
-  searchInput: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: 14,
-    fontFamily: _sharedUi.monoFont
-  },
-  clearButton: {
-    padding: 4
-  },
-  clearButtonText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 18
-  },
-  closeSearchButton: {
-    paddingHorizontal: 8,
-    paddingVertical: 4
-  },
-  closeSearchText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: 14,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  scrollView: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingBottom: 8
-  },
-  metaFooter: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 16,
-    marginTop: 16,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.night.color.border
-  },
-  metaText: {
-    fontSize: 12,
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont
-  },
-  sourceBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 999,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface
-  },
-  sourceText: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    textTransform: "capitalize",
-    fontFamily: _sharedUi.monoFont
-  },
-  groupContainer: {
-    marginVertical: 4
-  },
-  groupHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: 12,
-    paddingHorizontal: 16,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderLeftWidth: 3,
-    borderLeftColor: _sharedUi.night.color.fillTertiary
-  },
-  groupHeaderLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flex: 1
-  },
-  groupTitle: {
-    fontSize: 12,
-    fontWeight: "700",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    textTransform: "uppercase",
-    letterSpacing: 0.8
-  },
-  groupBadge: {
-    backgroundColor: "#3B82F615",
-    borderColor: "#3B82F640",
-    borderWidth: 1,
-    borderRadius: 12,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    minWidth: 24,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  groupCount: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: "#3B82F6",
-    fontFamily: _sharedUi.monoFont
-  },
-  screensList: {
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  groupDescription: {
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    marginBottom: 8,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderLeftWidth: 3,
-    borderLeftColor: _sharedUi.night.color.fillTertiary
-  },
-  groupDescriptionText: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont,
-    lineHeight: 16
-  },
-  screenItem: {
-    marginBottom: 6
-  },
-  screenCard: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.05,
-    shadowRadius: 2,
-    elevation: 1
-  },
-  screenHeaderLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flex: 1
-  },
-  expandIndicator: {
-    width: 20,
-    alignItems: "center"
-  },
-  screenName: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  screenHeaderActions: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  statusBadge: {
-    borderRadius: 4,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderWidth: 1
-  },
-  statusText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  headerActionButton: {
-    padding: 6,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  navigateButton: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorder
-  },
-  navigateButtonText: {
-    fontSize: 12,
-    color: _sharedUi.night.color.accent,
-    fontFamily: _sharedUi.monoFont,
-    fontWeight: "600"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ReactNavigationRoutes=ReactNavigationRoutes;var _react=require("react");var _reactNative=require("react-native");var _safeReactNavigation=require("../utils/safeReactNavigation");var _sharedUi=require("@buoy-gg/shared-ui");var _license=require("@buoy-gg/license");var _jsxRuntime=require("react/jsx-runtime");const CommonActions=(0,_safeReactNavigation.getCommonActions)();function collectNavigatorGroups(e,t="Root"){if(!e)return[];const r=[];const s=e.routeNames||[];const i=new Set((e.routes||[]).map(a=>a.name));const u=e.index??0;const h=e.routes?.[u]?.name;if(s.length>0){const a=s.map(d=>({name:d,isMounted:i.has(d),isFocused:d===h}));r.push({name:t==="Root"?"Root":t.split(" > ").pop(),path:t,screens:a,totalScreens:a.length})}for(const a of e.routes||[]){if(a.state){const d=`${t} > ${a.name}`;const f=collectNavigatorGroups(a.state,d);r.push(...f)}}return r}function findScreenPath(e,t){if(!e||!e.routes)return null;const r=e.routeNames||[];if(r.includes(t)){return[t]}for(const s of e.routes){if(s.state){const i=findScreenPath(s.state,t);if(i){return[s.name,...i]}}}return null}function buildNestedNavigateAction(e){if(e.length===0)return null;if(e.length===1){return CommonActions.navigate({name:e[0]})}let t={screen:e[e.length-1]};for(let r=e.length-2;r>=1;r--){t={screen:e[r],params:t}}return CommonActions.navigate({name:e[0],params:t})}function ReactNavigationRoutes({style:e}){const t=(0,_safeReactNavigation.useSafeNavigationContainerRef)();const[r,s]=(0,_react.useState)(()=>t?.getRootState?.()??null);const[i,u]=(0,_react.useState)("");const[h,a]=(0,_react.useState)(false);const[d,f]=(0,_react.useState)(null);const[x,S]=(0,_react.useState)(false);const[m,y]=(0,_react.useState)(false);const p=(0,_license.useIsPro)();(0,_react.useEffect)(()=>{if(m&&p){y(false)}},[m,p]);(0,_react.useEffect)(()=>{if(!t)return;const o=t.getRootState?.();if(o){s(o)}const n=t.addListener?.("state",()=>{const l=t.getRootState?.();if(l){s(l)}});return()=>{n?.()}},[t]);const c=(0,_react.useMemo)(()=>collectNavigatorGroups(r),[r]);(0,_react.useEffect)(()=>{if(c.length>0&&d===null){f(c[0].path)}},[c.length]);const b=(0,_react.useMemo)(()=>{const o=[];for(const n of c){for(const l of n.screens){o.push({name:l.name,navigatorPath:n.path,isMounted:l.isMounted,isFocused:l.isFocused})}}return o},[c]);const j=(0,_react.useMemo)(()=>{if(!i.trim())return c;const o=i.toLowerCase();return c.map(n=>({...n,screens:n.screens.filter(l=>l.name.toLowerCase().includes(o))})).filter(n=>n.screens.length>0)},[c,i]);const g=(0,_react.useMemo)(()=>{const o=b.length;const n=b.filter(B=>B.isMounted).length;const l=o-n;const F=c.length;return{total:o,mounted:n,available:l,navigators:F}},[b,c]);const T=(0,_react.useMemo)(()=>{return{summary:{totalScreens:g.total,mounted:g.mounted,available:g.available,navigators:g.navigators,timestamp:new Date().toISOString()},navigators:c.map(o=>({path:o.path,screens:o.screens.map(n=>({name:n.name,isMounted:n.isMounted,isFocused:n.isFocused}))}))}},[c,g]);const C=(0,_react.useCallback)(o=>{f(n=>n===o?null:o)},[]);const v=(0,_react.useCallback)(o=>{if(!p){y(true);return}if(!t||!r)return;try{const n=findScreenPath(r,o);if(n){const l=buildNestedNavigateAction(n);if(l){t.dispatch(l);return}}t.dispatch(CommonActions.navigate({name:o}))}catch(n){_reactNative.Alert.alert("Navigation Error",String(n))}},[t,r,p]);const w=(0,_react.useCallback)(()=>{if(x||!t)return;S(true);const o=t.getRootState?.();if(o){s(o)}setTimeout(()=>S(false),400)},[x,t]);if(!r){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,e],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyState,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,children:"No navigation state available"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptySubtext,children:"Ensure you are inside a NavigationContainer"})]})})}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,e],children:[h&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.searchContainer,children:[(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:16,color:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.searchInput,placeholder:"Search screens...",placeholderTextColor:_sharedUi.night.color.placeholder,value:i,onChangeText:u,autoCapitalize:"none",autoCorrect:false,autoFocus:true}),i.length>0&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>u(""),style:styles.clearButton,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.clearButtonText,children:"\u2715"})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.closeSearchButton,onPress:()=>{a(false);u("")},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.closeSearchText,children:"Done"})})]}),(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.scrollView,contentContainerStyle:styles.scrollContent,children:[!h&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.header,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionsRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionWrapper,children:[(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:T,buttonStyle:styles.actionButtonHeader}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.actionLabel,children:"Copy"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.iconButton,x&&styles.refreshButtonDisabled],onPress:w,disabled:x,children:(0,_jsxRuntime.jsx)(_sharedUi.RefreshCw,{size:16,color:x?_sharedUi.night.color.textTertiary:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.actionLabel,children:"Refresh"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.iconButton,onPress:()=>a(true),children:(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:16,color:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.actionLabel,children:"Search"})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statsGrid,children:[(0,_jsxRuntime.jsx)(StatItem,{value:g.total,label:"Screens"}),(0,_jsxRuntime.jsx)(StatItem,{value:g.mounted,label:"Mounted"}),(0,_jsxRuntime.jsx)(StatItem,{value:g.available,label:"Available"}),(0,_jsxRuntime.jsx)(StatItem,{value:g.navigators,label:"Navigators"})]})]}),j.length===0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.emptyState,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,children:i?"No matching screens":"No screens found"})}):j.map(o=>(0,_jsxRuntime.jsx)(NavigatorGroupView,{group:o,isExpanded:i.length>0||d===o.path,onToggleExpand:()=>C(o.path),onNavigate:v},o.path)),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.metaFooter,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.metaText,children:"Source: navigation state"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sourceBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sourceText,children:"React Navigation"})})]})]}),(0,_jsxRuntime.jsx)(_sharedUi.ProUpgradeModal,{visible:m,onClose:()=>y(false),featureName:"Route Navigation"})]})}function StatItem({value:e,label:t}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statItem,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.statValue,children:e}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.statLabel,children:t})]})}function NavigatorGroupView({group:e,isExpanded:t,onToggleExpand:r,onNavigate:s}){const[i,u]=(0,_react.useState)(null);const h=(0,_react.useCallback)(a=>{u(d=>d===a?null:a)},[]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.groupContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.groupHeader,onPress:r,activeOpacity:.7,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.groupHeaderLeft,children:[t?(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:14,color:_sharedUi.night.color.textSecondary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:14,color:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.groupTitle,numberOfLines:1,children:e.name})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.groupBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.groupCount,children:e.screens.length})})]}),t&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.screensList,children:[e.path!=="Root"&&e.path.includes(" > ")&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.groupDescription,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.groupDescriptionText,children:e.path})}),e.screens.map(a=>(0,_jsxRuntime.jsx)(ScreenItemView,{screen:a,isExpanded:i===a.name,onToggleExpand:()=>h(a.name),onNavigate:s},a.name))]})]})}function ScreenItemView({screen:e,isExpanded:t,onToggleExpand:r,onNavigate:s}){const i=e.isFocused?_sharedUi.buoyColors.success:e.isMounted?"#3B82F6":_sharedUi.night.color.textTertiary;const u=e.isFocused?"FOCUSED":e.isMounted?"MOUNTED":"AVAILABLE";return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.screenItem,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.screenCard,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.screenHeaderLeft,onPress:r,activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.expandIndicator,children:t?(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:14,color:_sharedUi.night.color.textSecondary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:14,color:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.screenName,numberOfLines:1,children:e.name})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.screenHeaderActions,children:[(0,_jsxRuntime.jsx)(_sharedUi.InlineCopyButton,{value:e.name,buttonStyle:styles.headerActionButton}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.headerActionButton,styles.navigateButton],onPress:()=>s(e.name),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.navigateButtonText,children:"Go"})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.statusBadge,{backgroundColor:`${i}15`,borderColor:`${i}40`}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statusText,{color:i}],children:u})})]})]})})}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},emptyState:{padding:32,alignItems:"center"},emptyText:{color:_sharedUi.night.color.textSecondary,fontSize:14,fontFamily:_sharedUi.monoFont},emptySubtext:{color:_sharedUi.night.color.textTertiary,fontSize:12,fontFamily:_sharedUi.monoFont,marginTop:8},header:{flexDirection:"column",padding:8,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.border,gap:12,marginBottom:8},actionsRow:{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",gap:12,paddingBottom:4},actionWrapper:{alignItems:"center",justifyContent:"center",gap:4,minWidth:48},actionButtonHeader:{padding:6,borderRadius:4,backgroundColor:_sharedUi.night.color.surfaceElevated},iconButton:{padding:6,borderRadius:4,alignItems:"center",justifyContent:"center"},actionLabel:{fontSize:8,color:_sharedUi.night.color.textTertiary,fontFamily:_sharedUi.monoFont,textTransform:"uppercase",letterSpacing:.5},refreshButtonDisabled:{opacity:.5},statsGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},statItem:{flexGrow:1,flexShrink:1,flexBasis:"20%",minWidth:70,backgroundColor:_sharedUi.night.color.surface,borderRadius:8,paddingVertical:10,paddingHorizontal:12,alignItems:"center"},statValue:{fontSize:18,fontWeight:"800",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont},statLabel:{fontSize:10,color:_sharedUi.night.color.textTertiary,marginTop:4,fontFamily:_sharedUi.monoFont,textTransform:"uppercase",letterSpacing:.5},searchContainer:{flexDirection:"row",alignItems:"center",padding:8,gap:8,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.border},searchInput:{flex:1,color:_sharedUi.night.color.text,fontSize:14,fontFamily:_sharedUi.monoFont},clearButton:{padding:4},clearButtonText:{color:_sharedUi.night.color.textTertiary,fontSize:18},closeSearchButton:{paddingHorizontal:8,paddingVertical:4},closeSearchText:{color:_sharedUi.night.color.accent,fontSize:14,fontWeight:"600",fontFamily:_sharedUi.monoFont},scrollView:{flex:1},scrollContent:{paddingBottom:8},metaFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8,paddingHorizontal:16,paddingVertical:16,marginTop:16,borderTopWidth:1,borderTopColor:_sharedUi.night.color.border},metaText:{fontSize:12,color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont},sourceBadge:{paddingHorizontal:8,paddingVertical:2,borderRadius:999,borderWidth:1,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface},sourceText:{fontSize:11,color:_sharedUi.night.color.textSecondary,textTransform:"capitalize",fontFamily:_sharedUi.monoFont},groupContainer:{marginVertical:4},groupHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:12,paddingHorizontal:16,backgroundColor:_sharedUi.night.color.surface,borderLeftWidth:3,borderLeftColor:_sharedUi.night.color.fillTertiary},groupHeaderLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},groupTitle:{fontSize:12,fontWeight:"700",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,textTransform:"uppercase",letterSpacing:.8},groupBadge:{backgroundColor:"#3B82F615",borderColor:"#3B82F640",borderWidth:1,borderRadius:12,paddingHorizontal:8,paddingVertical:3,minWidth:24,alignItems:"center",justifyContent:"center"},groupCount:{fontSize:11,fontWeight:"600",color:"#3B82F6",fontFamily:_sharedUi.monoFont},screensList:{backgroundColor:"transparent"},groupDescription:{paddingHorizontal:16,paddingVertical:8,marginBottom:8,backgroundColor:_sharedUi.night.color.surfaceElevated,borderLeftWidth:3,borderLeftColor:_sharedUi.night.color.fillTertiary},groupDescriptionText:{fontSize:11,color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont,lineHeight:16},screenItem:{marginBottom:6},screenCard:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:10,paddingHorizontal:12,backgroundColor:_sharedUi.night.color.surface,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border,shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2,elevation:1},screenHeaderLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},expandIndicator:{width:20,alignItems:"center"},screenName:{fontSize:13,fontWeight:"600",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,flex:1},screenHeaderActions:{flexDirection:"row",alignItems:"center",gap:6},statusBadge:{borderRadius:4,paddingHorizontal:6,paddingVertical:2,borderWidth:1},statusText:{fontSize:10,fontWeight:"600",fontFamily:_sharedUi.monoFont},headerActionButton:{padding:6,borderRadius:4,backgroundColor:_sharedUi.night.color.surfaceElevated,borderWidth:1,borderColor:_sharedUi.night.color.border,alignItems:"center",justifyContent:"center"},navigateButton:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorder},navigateButtonText:{fontSize:12,color:_sharedUi.night.color.accent,fontFamily:_sharedUi.monoFont,fontWeight:"600"}});