fix: update entrypoints to not use source for react-native and drop commonjs

example/babel.config.js

@@ -1,30 +1,8 @@
-const path = require('path');
-
-const pak = require('../package.json');
-
 module.exports = function (api) {
   api.cache(true);
 
   return {
     presets: ['babel-preset-expo'],
-    plugins: [
-      [
-        'module-resolver',
-        {
-          extensions: ['.tsx', '.ts', '.js', '.json'],
-          alias: {
-            [`${pak.name}/package.json`]: path.join(
-              __dirname,
-              '..',
-              'package.json'
-            ),
-            // For development, we want to alias the library to the source
-            [pak.name]: path.join(__dirname, '..', 'src'),
-          },
-        },
-      ],
-      ['@babel/plugin-proposal-export-namespace-from'],
-      ['react-native-reanimated/plugin'],
-    ],
+    plugins: [['@babel/plugin-proposal-export-namespace-from']],
   };
 };

example/package.json

@@ -38,6 +38,7 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "babel-preset-expo": "~56.0.0",
+    "react-native-builder-bob": "^0.41.0",
     "react-native-monorepo-config": "^0.3.4"
   },
   "engines": {

example/tsconfig.json

@@ -1,3 +1,3 @@
 {
   "extends": "../tsconfig",
-}
+}

package.json

@@ -2,11 +2,9 @@
   "name": "react-native-paper",
   "version": "5.15.1",
   "description": "Material design for React Native",
-  "main": "lib/commonjs/index.js",
-  "module": "lib/module/index.js",
-  "react-native": "src/index.tsx",
+  "main": "lib/module/index.js",
   "source": "src/index.tsx",
-  "types": "lib/typescript/index.d.ts",
+  "types": "lib/typescript/src/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -96,7 +94,7 @@
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-native": "0.85.3",
-    "react-native-builder-bob": "^0.21.3",
+    "react-native-builder-bob": "^0.41.0",
     "react-native-reanimated": "4.3.1",
     "react-native-safe-area-context": "5.7.0",
     "react-native-worklets": "0.8.3",
@@ -159,7 +157,6 @@
     "source": "src",
     "output": "lib",
     "targets": [
-      "commonjs",
       "module",
       [
         "typescript",

scripts/generate-mappings.js

@@ -18,7 +18,7 @@ const ast = parser.parse(source, {
   ],
 });
 
-const index = packageJson.module;
+const index = packageJson.main;
 const relative = (value /* : string */) =>
   path.relative(root, path.resolve(path.dirname(index), value));
 

src/components/Appbar/AppbarAction.tsx

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import type { Animated, StyleProp, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { useInternalTheme } from '../../core/theming';
-import type { Theme } from '../../types';
+import type { Theme, ThemeProp } from '../../types';
 import { forwardRef } from '../../utils/forwardRef';
 import type { IconSource } from '../Icon';
 import IconButton from '../IconButton/IconButton';

src/components/Card/CardActions.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { CardActionChildProps } from './utils';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 
 export type Props = React.ComponentPropsWithRef<typeof View> & {
   /**

src/components/DataTable/DataTablePagination.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { useLocale } from '../../core/locale';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import Button from '../Button/Button';
 import IconButton from '../IconButton/IconButton';
 import MaterialCommunityIcon from '../MaterialCommunityIcon';

src/components/Dialog/DialogActions.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { DialogActionChildProps } from './utils';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 
 export type Props = React.ComponentPropsWithRef<typeof View> & {
   /**

src/components/Dialog/DialogIcon.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import type { Theme } from '../../types';
 import Icon, { IconSource } from '../Icon';
 

src/components/Dialog/DialogScrollArea.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import type { Theme } from '../../types';
 
 export type Props = React.ComponentPropsWithRef<typeof View> & {

src/components/List/ListSubheader.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { StyleProp, StyleSheet, TextStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import Text from '../Typography/Text';
 
 export type Props = React.ComponentProps<typeof Text> & {

src/components/List/utils.ts

@@ -1,6 +1,6 @@
 import { StyleSheet, StyleProp, ViewStyle } from 'react-native';
 
-import type { EllipsizeProp, InternalTheme, ThemeProp } from 'src/types';
+import type { EllipsizeProp, InternalTheme, ThemeProp } from '../../types';
 
 type Description =
   | React.ReactNode

src/components/Portal/Portal.tsx

@@ -1,7 +1,5 @@
 import * as React from 'react';
 
-import type { InternalTheme } from 'src/types';
-
 import PortalConsumer from './PortalConsumer';
 import PortalHost, { PortalContext, PortalMethods } from './PortalHost';
 import { LocaleContext, LocaleProvider } from '../../core/locale';
@@ -10,6 +8,7 @@ import {
   Provider as SettingsProvider,
 } from '../../core/settings';
 import { ThemeProvider, withInternalTheme } from '../../core/theming';
+import type { InternalTheme } from '../../types';
 
 export type Props = {
   /**

src/components/SegmentedButtons/SegmentedButtonItem.tsx

@@ -10,14 +10,13 @@ import {
   ViewStyle,
 } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import {
   getSegmentedButtonBorderRadius,
   getSegmentedButtonColors,
   getSegmentedButtonDensityPadding,
 } from './utils';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import type { IconSource } from '../Icon';
 import Icon from '../Icon';
 import TouchableRipple, {

src/components/SegmentedButtons/SegmentedButtons.tsx

@@ -8,11 +8,10 @@ import {
   ViewStyle,
 } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import SegmentedButtonItem from './SegmentedButtonItem';
 import { getDisabledSegmentedButtonStyle } from './utils';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import type { IconSource } from '../Icon';
 
 type ConditionalValue<T extends string = string> =

src/components/TextInput/Addons/Underline.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Animated, StyleSheet, StyleProp, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
+import type { ThemeProp } from '../../../types';
 
 type UnderlineProps = {
   parentState: {

src/components/Tooltip/Tooltip.tsx

@@ -9,10 +9,9 @@ import {
   ViewStyle,
 } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { getTooltipPosition, Measurement, TooltipChildProps } from './utils';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import { addEventListener } from '../../utils/addEventListener';
 import Portal from '../Portal/Portal';
 import Text from '../Typography/Text';

tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
+    "rootDir": ".",
     "paths": {
       "react-native-paper": [
         "./src/index"