docs: document new package (#153)

Author: okwasniewski

docs/docs/docs/guides/usage-with-expo-router.md renamed to docs/docs/docs/guides/usage-with-expo-router.mdx

@@ -1,10 +1,16 @@
+import { PackageManagerTabs } from '@theme';
+
 # Usage with Expo Router
 
+First install `@bottom-tabs/react-navigation` which provides a native bottom tab navigator for React Navigation.
+
+<PackageManagerTabs command="install @bottom-tabs/react-navigation" />
+
 First, create a custom layout adapter for the native bottom tabs:
 
 ```tsx
 import { withLayoutContext } from "expo-router";
-import { createNativeBottomTabNavigator } from "react-native-bottom-tabs/react-navigation";
+import { createNativeBottomTabNavigator } from '@bottom-tabs/react-navigation';
 
 export const Tabs = withLayoutContext(
   createNativeBottomTabNavigator().Navigator

docs/docs/docs/guides/usage-with-one.md renamed to docs/docs/docs/guides/usage-with-one.mdx

@@ -1,11 +1,17 @@
+import { PackageManagerTabs } from '@theme';
+
 # Usage with One
 
+The `@bottom-tabs/react-navigation` package provides a native bottom tab navigator for React Navigation.
+
+<PackageManagerTabs command="install @bottom-tabs/react-navigation" />
+
 In order to use this navigator with [One](https://onestack.dev/), you need to wrap it with the `withLayoutContext`.
 
 
 ```tsx
 import { withLayoutContext } from 'one'
-import { createNativeBottomTabNavigator } from 'react-native-bottom-tabs/react-navigation'
+import { createNativeBottomTabNavigator } from '@bottom-tabs/react-navigation';
 
 const NativeTabsNavigator = createNativeBottomTabNavigator().Navigator
 

docs/docs/docs/guides/usage-with-react-navigation.mdx

@@ -1,7 +1,12 @@
 import { Badge } from '@theme';
+import { PackageManagerTabs } from '@theme';
 
 # Usage with React Navigation
 
+First install `@bottom-tabs/react-navigation` which provides a native bottom tab navigator for React Navigation.
+
+<PackageManagerTabs command="install @bottom-tabs/react-navigation" />
+
 :::warning
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](https://reactnavigation.org/docs/getting-started).
 :::
@@ -12,7 +17,7 @@ Minimal example of using `createNativeBottomTabNavigator` with React Navigation:
 import * as React from 'react';
 import { Text, View } from 'react-native';
 import { NavigationContainer } from '@react-navigation/native';
-import { createNativeBottomTabNavigator } from 'react-native-bottom-tabs/react-navigation';
+import { createNativeBottomTabNavigator } from '@bottom-tabs/react-navigation';
 
 const Tab = createNativeBottomTabNavigator();
 

docs/docs/docs/guides/usage-with-vector-icons.md

@@ -11,7 +11,7 @@ Follow installation guide in React Native Vector Icons [README](https://github.c
 ### Usage
 
 ```tsx
-import { createNativeBottomTabNavigator } from 'react-native-bottom-tabs/react-navigation';
+import { createNativeBottomTabNavigator } from '@bottom-tabs/react-navigation';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 const homeIcon = Icon.getImageSourceSync('home', 24);

package.json

@@ -13,6 +13,7 @@
     "test": "turbo run test",
     "typecheck": "turbo run typecheck",
     "prepare": "turbo run prepare",
+    "release": "turbo run release",
     "build:android": "turbo run build:android",
     "build:android:fabric": "turbo run build:android:fabric",
     "build:ios": "turbo run build:ios",

turbo.json

@@ -10,6 +10,9 @@
       "inputs": ["**/*.ts", "**/*.tsx"]
     },
     "test": {},
+    "release": {
+      "inputs": ["package.json", "lib/**"]
+    },
     "prepare": {
       "dependsOn": ["^prepare"],
       "outputs": ["lib/**"],