ci: address circular dependency warnings (#20395)

* ci: address circular dependency warnings

* refactor: update NumberInput subcomponents

Author: adamalston

packages/react/src/components/ListBox/ListBox.tsx

@@ -20,7 +20,7 @@ import {
   ListBoxTypePropType,
   type ListBoxSize,
   type ListBoxType,
-} from '.';
+} from './ListBoxPropTypes';
 import { usePrefix } from '../../internal/usePrefix';
 import { FormContext } from '../FluidForm';
 

packages/react/src/components/NumberInput/NumberInput.tsx

@@ -16,7 +16,6 @@ import React, {
   useMemo,
   useRef,
   useState,
-  type FC,
   type MouseEvent,
   type ReactNode,
 } from 'react';
@@ -1016,13 +1015,14 @@ NumberInput.propTypes = {
   warnText: PropTypes.node,
 };
 
-export interface Label {
+interface LabelProps {
   disabled?: boolean;
   hideLabel?: boolean;
   id?: string;
   label?: ReactNode;
 }
-const Label: FC<Label> = ({ disabled, id, hideLabel, label }) => {
+
+const Label = ({ disabled, id, hideLabel, label }: LabelProps) => {
   const prefix = usePrefix();
   const className = cx({
     [`${prefix}--label`]: true,
@@ -1040,19 +1040,13 @@ const Label: FC<Label> = ({ disabled, id, hideLabel, label }) => {
   return null;
 };
 
-Label.propTypes = {
-  disabled: PropTypes.bool,
-  hideLabel: PropTypes.bool,
-  id: PropTypes.string,
-  label: PropTypes.node,
-};
-
-export interface HelperTextProps {
+interface HelperTextProps {
   id?: string;
   description?: ReactNode;
   disabled?: boolean;
 }
-function HelperText({ disabled, description, id }: HelperTextProps) {
+
+const HelperText = ({ disabled, description, id }: HelperTextProps) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled,
@@ -1066,12 +1060,6 @@ function HelperText({ disabled, description, id }: HelperTextProps) {
     );
   }
   return null;
-}
-
-HelperText.propTypes = {
-  description: PropTypes.node,
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
 };
 
 /**

packages/react/src/components/RadioButtonGroup/RadioButtonGroup.tsx

@@ -16,7 +16,7 @@ import React, {
 } from 'react';
 import classNames from 'classnames';
 import type { RadioButtonProps } from '../RadioButton';
-import { Legend } from '../Text';
+import { Legend } from '../Text/createTextComponent';
 import { usePrefix } from '../../internal/usePrefix';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import { deprecate } from '../../prop-types/deprecate';

packages/react/src/components/Text/Text.tsx

@@ -18,7 +18,7 @@ import {
   PolymorphicComponentPropWithRef,
   PolymorphicRef,
 } from '../../internal/PolymorphicProps';
-import { TextDirectionContext, type TextDir } from '.';
+import { TextDirectionContext, type TextDir } from './TextDirectionContext';
 
 export interface TextBaseProps {
   dir?: TextDir;

packages/react/src/components/Text/TextDirection.tsx

@@ -12,7 +12,7 @@ import {
   type GetTextDirection,
   type TextDir,
   type TextDirectionContextType,
-} from '.';
+} from './TextDirectionContext';
 
 export interface TextDirectionProps {
   children: ReactNode;

packages/react/src/components/Text/createTextComponent.tsx

@@ -6,18 +6,15 @@
  */
 
 import React, { type ElementType } from 'react';
-import { Text, TextProps } from '.';
+import { Text, TextProps } from './Text';
 
 /**
  * Create a text component wrapper for a given text node type. Useful for
  * returning a `Text` component for a text node like a `<label>`.
  * @param {string} element
  * @param {string} displayName
  */
-export const createTextComponent = (
-  element: ElementType,
-  displayName: string
-) => {
+const createTextComponent = (element: ElementType, displayName: string) => {
   const TextWrapper = (props: TextProps<ElementType>) => {
     return <Text as={element} {...props} />;
   };
@@ -28,3 +25,5 @@ export const createTextComponent = (
 
   return TextWrapper;
 };
+
+export const Legend = createTextComponent('legend', 'Legend');

packages/react/src/components/Text/index.ts

@@ -5,11 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { createTextComponent } from './createTextComponent';
-
 export * from './Text';
 export * from './TextDirection';
 export * from './TextDirectionContext';
-
-export const Label = createTextComponent('label', 'Label');
-export const Legend = createTextComponent('legend', 'Legend');

packages/react/src/components/UIShell/Switcher.tsx

@@ -19,7 +19,8 @@ import { usePrefix } from '../../internal/usePrefix';
 import { useMergedRefs } from '../../internal/useMergedRefs';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes';
-import { SwitcherDivider, SwitcherItem } from '.';
+import SwitcherItem from './SwitcherItem';
+import SwitcherDivider from './SwitcherDivider';
 
 export interface BaseSwitcherProps {
   /**