Onboarding Addon: Update import paths from internal modules to direct package imports

code/addons/onboarding/src/components/Button/Button.tsx

@@ -1,7 +1,7 @@
 import type { ComponentProps } from 'react';
 import React, { forwardRef } from 'react';
 
-import { styled } from 'storybook/internal/theming';
+import { styled } from 'storybook/theming';
 
 export interface ButtonProps extends ComponentProps<'button'> {
   children: string;

code/addons/onboarding/src/components/Confetti/Confetti.tsx

@@ -1,8 +1,7 @@
 import React, { type ComponentProps } from 'react';
 
-import { styled } from 'storybook/internal/theming';
-
 import { Confetti as ReactConfetti } from '@neoconfetti/react';
+import { styled } from 'storybook/theming';
 
 const Wrapper = styled.div({
   zIndex: 9999,

code/addons/onboarding/src/components/List/List.styled.tsx

@@ -1,4 +1,4 @@
-import { styled } from 'storybook/internal/theming';
+import { styled } from 'storybook/theming';
 
 export const ListWrapper = styled.ul({
   display: 'flex',

code/addons/onboarding/src/components/List/ListItem/ListItem.styled.tsx

@@ -1,4 +1,4 @@
-import { styled } from 'storybook/internal/theming';
+import { styled } from 'storybook/theming';
 
 export const ListItemWrapper = styled.li(() => ({
   display: 'flex',

code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx

@@ -1,9 +1,8 @@
 import React, { useEffect, useState } from 'react';
 
-import { useTheme } from 'storybook/internal/theming';
-
 import type { CallBackProps } from 'react-joyride';
 import Joyride, { ACTIONS } from 'react-joyride';
+import { useTheme } from 'storybook/theming';
 
 import type { StepDefinition, StepKey } from '../../Onboarding';
 import { Tooltip } from './Tooltip';

code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx

@@ -2,11 +2,11 @@ import type { FC } from 'react';
 import React, { useEffect } from 'react';
 
 import { IconButton } from 'storybook/internal/components';
-import { color, styled } from 'storybook/internal/theming';
 
 import { CloseAltIcon } from '@storybook/icons';
 
 import type { Step, TooltipRenderProps } from 'react-joyride';
+import { color, styled } from 'storybook/theming';
 
 import { Button } from '../../components/Button/Button';
 

code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx

@@ -1,9 +1,9 @@
 import React, { useCallback, useEffect, useState } from 'react';
 
-import { keyframes, styled } from 'storybook/internal/theming';
-
 import { ArrowRightIcon } from '@storybook/icons';
 
+import { keyframes, styled } from 'storybook/theming';
+
 const fadeIn = keyframes({
   from: {
     opacity: 0,

code/addons/onboarding/src/manager.tsx

@@ -2,7 +2,8 @@ import React, { Suspense, lazy } from 'react';
 import ReactDOM from 'react-dom';
 
 import { STORY_SPECIFIED } from 'storybook/internal/core-events';
-import { addons } from 'storybook/internal/manager-api';
+
+import { addons } from 'storybook/manager-api';
 
 const Onboarding = lazy(() => import('./Onboarding'));