Add missing 'use client' and make styling consistent

packages/mui-base/src/AlertDialog/Backdrop/AlertDialogBackdrop.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { FloatingPortal } from '@floating-ui/react';

packages/mui-base/src/AlertDialog/Close/AlertDialogClose.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { AlertDialogCloseOwnerState, AlertDialogCloseProps } from './AlertDialogClose.types';

packages/mui-base/src/AlertDialog/Description/AlertDialogDescription.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import type {

packages/mui-base/src/AlertDialog/Popup/AlertDialogPopup.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';

packages/mui-base/src/AlertDialog/Root/AlertDialogRoot.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { AlertDialogRootProps } from './AlertDialogRoot.types';

packages/mui-base/src/AlertDialog/Root/AlertDialogRootContext.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import type { AlertDialogRootContextValue } from './AlertDialogRoot.types';
 

packages/mui-base/src/AlertDialog/Title/AlertDialogTitle.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import type { AlertDialogTitleOwnerState, AlertDialogTitleProps } from './AlertDialogTitle.types';

packages/mui-base/src/AlertDialog/Trigger/AlertDialogTrigger.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useDialogTrigger } from '../../Dialog/Trigger/useDialogTrigger';

packages/mui-base/src/Checkbox/Indicator/CheckboxIndicator.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import type { CheckboxIndicatorProps } from './CheckboxIndicator.types';

packages/mui-base/src/Checkbox/Root/CheckboxContext.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import type { CheckboxContextValue } from './CheckboxRoot.types';
 

packages/mui-base/src/Checkbox/Root/CheckboxRoot.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { CheckboxContext } from './CheckboxContext';

packages/mui-base/src/Checkbox/Root/CheckboxRootContext.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import type { CheckboxContextValue } from './CheckboxRoot.types';
 

packages/mui-base/src/Checkbox/Root/useCheckboxRoot.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import type { UseCheckboxRootParameters, UseCheckboxRootReturnValue } from './CheckboxRoot.types';
 import { useControlled } from '../../utils/useControlled';

packages/mui-base/src/Checkbox/utils.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import type { CheckboxRootOwnerState } from './Root/CheckboxRoot.types';
 import { getStyleHookProps } from '../utils/getStyleHookProps';

packages/mui-base/src/CheckboxGroup/Parent/useCheckboxGroupParent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useId } from '../../utils/useId';
 import { useEventCallback } from '../../utils/useEventCallback';

packages/mui-base/src/CheckboxGroup/Root/CheckboxGroupRoot.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/CheckboxGroup/Root/CheckboxGroupRootContext.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { UseCheckboxGroupParent } from '../Parent/useCheckboxGroupParent';
 

packages/mui-base/src/CheckboxGroup/Root/useCheckboxGroupRoot.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import { useControlled } from '../../utils/useControlled';

packages/mui-base/src/Collapsible/Content/CollapsibleContent.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { BaseUIComponentProps } from '../../utils/types';

packages/mui-base/src/Collapsible/Content/useCollapsibleContent.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { mergeReactProps } from '../../utils/mergeReactProps';

packages/mui-base/src/Collapsible/Root/CollapsibleContext.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import type { CollapsibleRoot } from './CollapsibleRoot';
 

packages/mui-base/src/Collapsible/Root/CollapsibleRoot.test.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';

packages/mui-base/src/Collapsible/Root/CollapsibleRoot.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { BaseUIComponentProps } from '../../utils/types';

packages/mui-base/src/Collapsible/Root/useCollapsibleRoot.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { useControlled } from '../../utils/useControlled';
 import { useEventCallback } from '../../utils/useEventCallback';

packages/mui-base/src/Collapsible/Trigger/CollapsibleTrigger.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/Collapsible/Trigger/useCollapsibleTrigger.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 /**

packages/mui-base/src/Composite/Item/CompositeItem.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/Composite/Item/useCompositeItem.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { useCompositeRootContext } from '../Root/CompositeRootContext';
 import { useCompositeListItem } from '../List/useCompositeListItem';

packages/mui-base/src/Composite/List/CompositeList.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable no-bitwise */
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useEnhancedEffect } from '../../utils/useEnhancedEffect';

packages/mui-base/src/Composite/List/CompositeListContext.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export interface CompositeListContextValue {

packages/mui-base/src/Composite/List/useCompositeListItem.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { useEnhancedEffect } from '../../utils/useEnhancedEffect';
 import { useCompositeListContext } from './CompositeListContext';

packages/mui-base/src/Composite/Root/CompositeRoot.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/Composite/Root/CompositeRootContext.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export const CompositeRootContext = React.createContext<CompositeRootContext.Value | null>(null);

packages/mui-base/src/Composite/Root/useCompositeRoot.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { useEventCallback } from '../../utils/useEventCallback';
 import { mergeReactProps } from '../../utils/mergeReactProps';

packages/mui-base/src/Dialog/Backdrop/DialogBackdrop.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { FloatingPortal } from '@floating-ui/react';

packages/mui-base/src/Dialog/Backdrop/useDialogBackdrop.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import type { UseDialogBackdropParams, UseDialogBackdropReturnValue } from './DialogBackdrop.types';
 import { mergeReactProps } from '../../utils/mergeReactProps';

packages/mui-base/src/Dialog/Close/DialogClose.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { DialogCloseProps } from './DialogClose.types';

packages/mui-base/src/Dialog/Close/useDialogClose.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import type { UseDialogCloseParameters, UseDialogCloseReturnValue } from './DialogClose.types';

packages/mui-base/src/Dialog/Description/DialogDescription.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import type { DialogDescriptionProps } from './DialogDescription.types';

packages/mui-base/src/Dialog/Popup/DialogPopup.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';

packages/mui-base/src/Dialog/Popup/useDialogPopup.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useFloating, useInteractions, useDismiss } from '@floating-ui/react';
 import { UseDialogPopupParameters, UseDialogPopupReturnValue } from './DialogPopup.types';

packages/mui-base/src/Dialog/Root/DialogRoot.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { DialogRootProps } from './DialogRoot.types';

packages/mui-base/src/Dialog/Root/DialogRootContext.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import type { DialogRootContextValue } from './DialogRoot.types';
 

packages/mui-base/src/Dialog/Root/useDialogRoot.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import type { UseDialogRootParameters, UseDialogRootReturnValue } from './DialogRoot.types';
 import { useControlled } from '../../utils/useControlled';

packages/mui-base/src/Dialog/Title/DialogTitle.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import type { DialogTitleProps } from './DialogTitle.types';

packages/mui-base/src/Dialog/Trigger/DialogTrigger.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useDialogTrigger } from './useDialogTrigger';

packages/mui-base/src/Dialog/Trigger/useDialogTrigger.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import type {

packages/mui-base/src/Field/Control/FieldControl.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/Field/Control/useFieldControl.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import { useEnhancedEffect } from '../../utils/useEnhancedEffect';

packages/mui-base/src/Field/Control/useFieldControlValidation.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { useEventCallback } from '../../utils/useEventCallback';
 import { useFieldRootContext } from '../Root/FieldRootContext';

packages/mui-base/src/Field/Description/FieldDescription.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/Field/Description/useFieldDescription.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import { useId } from '../../utils/useId';

packages/mui-base/src/Field/Error/FieldError.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/Field/Error/useFieldError.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import { useId } from '../../utils/useId';

packages/mui-base/src/Field/Label/FieldLabel.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/Field/Label/useFieldLabel.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import { useFieldRootContext } from '../Root/FieldRootContext';

packages/mui-base/src/Field/Root/FieldRoot.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useComponentRenderer } from '../../utils/useComponentRenderer';

packages/mui-base/src/Field/Root/FieldRootContext.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { DEFAULT_VALIDITY_STATE } from '../utils/constants';
 import type { FieldRootOwnerState, FieldValidityData } from './FieldRoot.types';

packages/mui-base/src/Field/Validity/FieldValidity.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useFieldRootContext } from '../Root/FieldRootContext';

packages/mui-base/src/Fieldset/Legend/FieldsetLegend.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import type { FieldsetLegendOwnerState, FieldsetLegendProps } from './FieldsetLegend.types';

packages/mui-base/src/Fieldset/Legend/useFieldsetLegend.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import { useId } from '../../utils/useId';

packages/mui-base/src/Fieldset/Root/FieldsetRoot.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import type { FieldsetRootOwnerState, FieldsetRootProps } from './FieldsetRoot.types';

packages/mui-base/src/Fieldset/Root/FieldsetRootContext.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export interface FieldsetRootContextValue {

packages/mui-base/src/Fieldset/Root/useFieldsetRoot.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 /**

packages/mui-base/src/Menu/Arrow/MenuArrow.tsx

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useMenuArrow } from './useMenuArrow';

packages/mui-base/src/Menu/Arrow/useMenuArrow.ts

@@ -1,4 +1,5 @@
 'use client';
+
 import * as React from 'react';
 import { mergeReactProps } from '../../utils/mergeReactProps';
 import type { GenericHTMLProps } from '../../utils/types';