diff --git a/packages/toolpad-core/src/CRUD/CRUD.tsx b/packages/toolpad-core/src/CRUD/CRUD.tsx
deleted file mode 100644
index 4310fc25093..00000000000
--- a/packages/toolpad-core/src/CRUD/CRUD.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-'use client';
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { match } from 'path-to-regexp';
-import invariant from 'invariant';
-import { DataModel, DataModelId, DataSource, OmitId } from './shared';
-import { CrudProvider } from './CrudProvider';
-import { RouterContext } from '../shared/context';
-import { List } from './List';
-import { Show } from './Show';
-import { Create } from './Create';
-import { Edit } from './Edit';
-
-export interface CrudProps<D extends DataModel> {
-  /**
-   * Server-side data source.
-   */
-  dataSource: DataSource<D>;
-  /**
-   * Root path to CRUD pages.
-   */
-  rootPath: string;
-  /**
-   * Initial number of rows to show per page.
-   * @default 100
-   */
-  initialPageSize?: number;
-  /**
-   * Default form values for a new item.
-   * @default {}
-   */
-  defaultValues?: Partial<OmitId<D>>;
-}
-/**
- *
- * Demos:
- *
- * - [Crud](https://mui.com/toolpad/core/react-crud/)
- *
- * API:
- *
- * - [Crud API](https://mui.com/toolpad/core/api/crud)
- */
-function Crud<D extends DataModel>(props: CrudProps<D>) {
-  const { dataSource, rootPath, initialPageSize, defaultValues } = props;
-
-  const listPath = rootPath;
-  const showPath = `${rootPath}/:id`;
-  const createPath = `${rootPath}/new`;
-  const editPath = `${rootPath}/:id/edit`;
-
-  const routerContext = React.useContext(RouterContext);
-
-  const handleRowClick = React.useCallback(
-    (id: string | number) => {
-      routerContext?.navigate(`${rootPath}/${String(id)}`);
-    },
-    [rootPath, routerContext],
-  );
-
-  const handleCreateClick = React.useCallback(() => {
-    routerContext?.navigate(createPath);
-  }, [createPath, routerContext]);
-
-  const handleEditClick = React.useCallback(
-    (id: string | number) => {
-      routerContext?.navigate(`${rootPath}/${String(id)}/edit`);
-    },
-    [rootPath, routerContext],
-  );
-
-  const handleCreate = React.useCallback(() => {
-    routerContext?.navigate(listPath);
-  }, [listPath, routerContext]);
-
-  const handleEdit = React.useCallback(() => {
-    routerContext?.navigate(listPath);
-  }, [listPath, routerContext]);
-
-  const handleDelete = React.useCallback(() => {
-    routerContext?.navigate(listPath);
-  }, [listPath, routerContext]);
-
-  const renderedRoute = React.useMemo(() => {
-    const pathname = routerContext?.pathname ?? '';
-
-    if (match(listPath)(pathname)) {
-      return (
-        <List<D>
-          initialPageSize={initialPageSize}
-          onRowClick={handleRowClick}
-          onCreateClick={handleCreateClick}
-          onEditClick={handleEditClick}
-        />
-      );
-    }
-    if (match(createPath)(pathname)) {
-      return (
-        <Create<D>
-          initialValues={defaultValues}
-          onSubmitSuccess={handleCreate}
-          resetOnSubmit={false}
-        />
-      );
-    }
-    const showMatch = match<{ id: DataModelId }>(showPath)(pathname);
-    if (showMatch) {
-      const resourceId = showMatch.params.id;
-      invariant(resourceId, 'No resource ID present in URL.');
-      return <Show<D> id={resourceId} onEditClick={handleEditClick} onDelete={handleDelete} />;
-    }
-    const editMatch = match<{ id: DataModelId }>(editPath)(pathname);
-    if (editMatch) {
-      const resourceId = editMatch.params.id;
-      invariant(resourceId, 'No resource ID present in URL.');
-      return <Edit<D> id={resourceId} onSubmitSuccess={handleEdit} resetOnSubmit={false} />;
-    }
-    return null;
-  }, [
-    createPath,
-    editPath,
-    handleCreate,
-    handleCreateClick,
-    handleDelete,
-    handleEdit,
-    handleEditClick,
-    handleRowClick,
-    initialPageSize,
-    defaultValues,
-    listPath,
-    routerContext?.pathname,
-    showPath,
-  ]);
-
-  return <CrudProvider<D> dataSource={dataSource}>{renderedRoute}</CrudProvider>;
-}
-
-Crud.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Server-side data source.
-   */
-  dataSource: PropTypes.object.isRequired,
-  /**
-   * Default form values for a new item.
-   * @default {}
-   */
-  defaultValues: PropTypes.object,
-  /**
-   * Initial number of rows to show per page.
-   * @default 100
-   */
-  initialPageSize: PropTypes.number,
-  /**
-   * Root path to CRUD pages.
-   */
-  rootPath: PropTypes.string.isRequired,
-} as any;
-
-export { Crud };
diff --git a/packages/toolpad-core/src/CRUD/CRUDProvider.tsx b/packages/toolpad-core/src/CRUD/CRUDProvider.tsx
deleted file mode 100644
index 18f91ced6ed..00000000000
--- a/packages/toolpad-core/src/CRUD/CRUDProvider.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-'use client';
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { DataModel, DataSource } from './shared';
-import { CrudContext } from '../shared/context';
-
-export interface CrudProviderProps<D extends DataModel> {
-  /**
-   * Server-side data source.
-   */
-  dataSource: DataSource<D>;
-  children?: React.ReactNode;
-}
-/**
- *
- * Demos:
- *
- * - [Crud](https://mui.com/toolpad/core/react-crud/)
- *
- * API:
- *
- * - [CrudProvider API](https://mui.com/toolpad/core/api/crud-provider)
- */
-function CrudProvider<D extends DataModel>(props: CrudProviderProps<D>) {
-  const { dataSource, children } = props;
-
-  return (
-    <CrudContext value={{ dataSource } as CrudProviderProps<DataModel>}>{children}</CrudContext>
-  );
-}
-
-CrudProvider.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * Server-side data source.
-   */
-  dataSource: PropTypes.object.isRequired,
-} as any;
-
-export { CrudProvider };
diff --git a/packages/toolpad-core/src/CRUD/Create.tsx b/packages/toolpad-core/src/CRUD/Create.tsx
deleted file mode 100644
index b8dc510d235..00000000000
--- a/packages/toolpad-core/src/CRUD/Create.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-'use client';
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import invariant from 'invariant';
-import { FormPage } from './FormPage';
-import { DataModel, DataSource, OmitId } from './shared';
-import { CrudContext } from '../shared/context';
-
-export interface CreateProps<D extends DataModel> {
-  /**
-   * Server-side data source.
-   */
-  dataSource?: DataSource<D> & Required<Pick<DataSource<D>, 'createOne'>>;
-  /**
-   * Initial form values.
-   * @default {}
-   */
-  initialValues?: Partial<OmitId<D>>;
-  /**
-   * Callback fired when the form is successfully submitted.
-   */
-  onSubmitSuccess?: () => void;
-  /**
-   * Whether the form fields should reset after the form is submitted.
-   */
-  resetOnSubmit?: boolean;
-}
-/**
- *
- * Demos:
- *
- * - [Crud](https://mui.com/toolpad/core/react-crud/)
- *
- * API:
- *
- * - [Create API](https://mui.com/toolpad/core/api/create)
- */
-function Create<D extends DataModel>(props: CreateProps<D>) {
-  const { initialValues, onSubmitSuccess, resetOnSubmit } = props;
-
-  const crudContext = React.useContext(CrudContext);
-  const dataSource = (props.dataSource ?? crudContext.dataSource) as Exclude<
-    typeof props.dataSource,
-    undefined
-  >;
-
-  invariant(dataSource, 'No data source found.');
-
-  const { createOne } = dataSource;
-
-  const handleCreate = React.useCallback(
-    async (formValues: Partial<OmitId<D>>) => {
-      await createOne(formValues);
-    },
-    [createOne],
-  );
-
-  return (
-    <FormPage
-      dataSource={dataSource}
-      initialValues={initialValues}
-      onSubmit={handleCreate}
-      onSubmitSuccess={onSubmitSuccess}
-      resetOnSubmit={resetOnSubmit}
-      localeText={{
-        submitButtonLabel: 'Create',
-        submitSuccessMessage: 'Item created successfully.',
-        submitErrorMessage: 'Failed to create item.',
-      }}
-    />
-  );
-}
-
-Create.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Server-side data source.
-   */
-  dataSource: PropTypes.object,
-  /**
-   * Initial form values.
-   * @default {}
-   */
-  initialValues: PropTypes.object,
-  /**
-   * Callback fired when the form is successfully submitted.
-   */
-  onSubmitSuccess: PropTypes.func,
-  /**
-   * Whether the form fields should reset after the form is submitted.
-   */
-  resetOnSubmit: PropTypes.bool,
-} as any;
-
-export { Create };
diff --git a/packages/toolpad-core/src/CRUD/Edit.tsx b/packages/toolpad-core/src/CRUD/Edit.tsx
deleted file mode 100644
index 54cc0c01d32..00000000000
--- a/packages/toolpad-core/src/CRUD/Edit.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-'use client';
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Alert from '@mui/material/Alert';
-import Box from '@mui/material/Box';
-import CircularProgress from '@mui/material/CircularProgress';
-import invariant from 'invariant';
-import { FormPage } from './FormPage';
-import { DataModel, DataModelId, DataSource, OmitId } from './shared';
-import { CrudContext } from '../shared/context';
-
-export interface EditProps<D extends DataModel> {
-  id: DataModelId;
-  /**
-   * Server-side data source.
-   */
-  dataSource?: DataSource<D> & Required<Pick<DataSource<D>, 'getOne' | 'updateOne'>>;
-  /**
-   * Callback fired when the form is successfully submitted.
-   */
-  onSubmitSuccess?: () => void;
-  /**
-   * Whether the form fields should reset after the form is submitted.
-   */
-  resetOnSubmit?: boolean;
-}
-/**
- *
- * Demos:
- *
- * - [Crud](https://mui.com/toolpad/core/react-crud/)
- *
- * API:
- *
- * - [Edit API](https://mui.com/toolpad/core/api/edit)
- */
-function Edit<D extends DataModel>(props: EditProps<D>) {
-  const { id, onSubmitSuccess, resetOnSubmit } = props;
-
-  const crudContext = React.useContext(CrudContext);
-  const dataSource = (props.dataSource ?? crudContext.dataSource) as Exclude<
-    typeof props.dataSource,
-    undefined
-  >;
-
-  invariant(dataSource, 'No data source found.');
-
-  const { fields, ...methods } = dataSource;
-  const { getOne, updateOne } = methods;
-
-  const handleEdit = React.useCallback(
-    async (formValues: Partial<OmitId<D>>) => {
-      await updateOne(id, formValues);
-    },
-    [id, updateOne],
-  );
-
-  const [data, setData] = React.useState<D | null>(null);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [error, setError] = React.useState<Error | null>(null);
-
-  const loadData = React.useCallback(async () => {
-    setError(null);
-    setIsLoading(true);
-    try {
-      const showData = await getOne(id);
-      setData(showData);
-    } catch (showDataError) {
-      setError(showDataError as Error);
-    }
-    setIsLoading(false);
-  }, [getOne, id]);
-
-  React.useEffect(() => {
-    loadData();
-  }, [loadData]);
-
-  const renderEdit = React.useMemo(() => {
-    if (isLoading) {
-      return (
-        <Box
-          sx={{
-            flex: 1,
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            width: '100%',
-            m: 1,
-          }}
-        >
-          <CircularProgress />
-        </Box>
-      );
-    }
-    if (error) {
-      return (
-        <Box sx={{ flexGrow: 1 }}>
-          <Alert severity="error">{error.message}</Alert>
-        </Box>
-      );
-    }
-
-    return data ? (
-      <FormPage
-        dataSource={dataSource}
-        initialValues={data}
-        onSubmit={handleEdit}
-        onSubmitSuccess={onSubmitSuccess}
-        resetOnSubmit={resetOnSubmit}
-        localeText={{
-          submitButtonLabel: 'Edit',
-          submitSuccessMessage: 'Item edited successfully.',
-          submitErrorMessage: 'Failed to edit item.',
-        }}
-      />
-    ) : null;
-  }, [data, dataSource, error, handleEdit, isLoading, onSubmitSuccess, resetOnSubmit]);
-
-  return <Box sx={{ display: 'flex', flex: 1 }}>{renderEdit}</Box>;
-}
-
-Edit.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Server-side data source.
-   */
-  dataSource: PropTypes.object,
-  /**
-   * @ignore
-   */
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * Callback fired when the form is successfully submitted.
-   */
-  onSubmitSuccess: PropTypes.func,
-  /**
-   * Whether the form fields should reset after the form is submitted.
-   */
-  resetOnSubmit: PropTypes.bool,
-} as any;
-
-export { Edit };
diff --git a/packages/toolpad-core/src/CRUD/FormPage.tsx b/packages/toolpad-core/src/CRUD/FormPage.tsx
deleted file mode 100644
index 1d5e924a4e9..00000000000
--- a/packages/toolpad-core/src/CRUD/FormPage.tsx
+++ /dev/null
@@ -1,376 +0,0 @@
-'use client';
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Checkbox from '@mui/material/Checkbox';
-import FormControl from '@mui/material/FormControl';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import FormGroup from '@mui/material/FormGroup';
-import FormHelperText from '@mui/material/FormHelperText';
-import Grid from '@mui/material/Grid2';
-import InputLabel from '@mui/material/InputLabel';
-import MenuItem from '@mui/material/MenuItem';
-import Select, { SelectChangeEvent } from '@mui/material/Select';
-import TextField from '@mui/material/TextField';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import type { GridSingleSelectColDef } from '@mui/x-data-grid';
-import dayjs, { Dayjs } from 'dayjs';
-import { useNotifications } from '../useNotifications';
-import { DataField, DataModel, DataSource, OmitId } from './shared';
-
-interface FormPageLocaleText {
-  submitButtonLabel: string;
-  submitSuccessMessage: string;
-  submitErrorMessage: string;
-}
-
-export interface FormPageProps<D extends DataModel> {
-  dataSource:
-    | (DataSource<D> & Required<Pick<DataSource<D>, 'createOne'>>)
-    | (DataSource<D> & Required<Pick<DataSource<D>, 'updateOne'>>);
-  initialValues?: Partial<OmitId<D>>;
-  onSubmit: (formValues: Partial<OmitId<D>>) => void | Promise<void>;
-  onSubmitSuccess?: () => void;
-  resetOnSubmit?: boolean;
-  localeText: FormPageLocaleText;
-}
-
-/**
- * @ignore - internal component.
- */
-function FormPage<D extends DataModel>(props: FormPageProps<D>) {
-  const {
-    dataSource,
-    initialValues = {} as Partial<OmitId<D>>,
-    onSubmit,
-    onSubmitSuccess,
-    resetOnSubmit = true,
-    localeText,
-  } = props;
-  const { fields, validate } = dataSource;
-
-  const notifications = useNotifications();
-
-  const [formState, setFormState] = React.useState<{
-    values: Partial<OmitId<D>>;
-    errors: Partial<Record<keyof D, string>>;
-  }>({
-    values: {
-      ...Object.fromEntries(
-        fields
-          .filter(({ field }) => field !== 'id')
-          .map(({ field, type }) => [
-            field,
-            type === 'boolean' ? (initialValues[field] ?? false) : initialValues[field],
-          ]),
-      ),
-      ...initialValues,
-    },
-    errors: {},
-  });
-  const formValues = formState.values;
-  const formErrors = formState.errors;
-
-  const setFormValues = React.useCallback((newFormValues: Partial<OmitId<D>>) => {
-    setFormState((previousState) => ({
-      ...previousState,
-      values: newFormValues,
-    }));
-  }, []);
-
-  const setFormErrors = React.useCallback((newFormErrors: Partial<Record<keyof D, string>>) => {
-    setFormState((previousState) => ({
-      ...previousState,
-      errors: newFormErrors,
-    }));
-  }, []);
-
-  const handleFormFieldChange = React.useCallback(
-    (name: keyof D, value: string | number | boolean | File | null) => {
-      const validateField = async (values: Partial<OmitId<D>>) => {
-        if (validate) {
-          const errors = await validate(values);
-          setFormErrors({ ...formErrors, [name]: errors[name] });
-        }
-      };
-
-      const newFormValues = { ...formValues, [name]: value };
-
-      setFormValues(newFormValues);
-      validateField(newFormValues);
-    },
-    [formErrors, formValues, setFormErrors, setFormValues, validate],
-  );
-
-  const handleFormReset = React.useCallback(() => {
-    setFormValues(initialValues);
-  }, [initialValues, setFormValues]);
-
-  const [hasSubmittedSuccessfully, setHasSubmittedSuccessfully] = React.useState(false);
-
-  const [, submitAction, isSubmitting] = React.useActionState<null | Error, FormData>(async () => {
-    if (validate) {
-      const errors = await validate(formValues);
-      if (Object.keys(errors).length > 0) {
-        setFormErrors(errors);
-        return new Error('Form validation failed');
-      }
-    }
-    setFormErrors({});
-
-    try {
-      await onSubmit(formValues);
-      notifications.show(localeText.submitSuccessMessage, {
-        severity: 'success',
-        autoHideDuration: 3000,
-      });
-
-      if (onSubmitSuccess) {
-        onSubmitSuccess();
-      }
-
-      if (resetOnSubmit) {
-        handleFormReset();
-      }
-
-      setHasSubmittedSuccessfully(true);
-    } catch (createError) {
-      notifications.show(`${localeText.submitErrorMessage}\n${(createError as Error).message}`, {
-        severity: 'error',
-        autoHideDuration: 3000,
-      });
-      return createError as Error;
-    }
-
-    return null;
-  }, null);
-
-  const handleTextFieldChange = React.useCallback(
-    (event: React.ChangeEvent<HTMLInputElement>) => {
-      handleFormFieldChange(event.target.name, event.target.value);
-    },
-    [handleFormFieldChange],
-  );
-
-  const handleNumberFieldChange = React.useCallback(
-    (event: React.ChangeEvent<HTMLInputElement>) => {
-      handleFormFieldChange(event.target.name, Number(event.target.value));
-    },
-    [handleFormFieldChange],
-  );
-
-  const handleCheckboxFieldChange = React.useCallback(
-    (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
-      handleFormFieldChange(event.target.name, checked);
-    },
-    [handleFormFieldChange],
-  );
-
-  const handleDateFieldChange = React.useCallback(
-    (name: string) => (value: Dayjs | null) => {
-      if (value?.isValid()) {
-        handleFormFieldChange(name, value.toISOString() ?? null);
-      } else if (formValues[name]) {
-        handleFormFieldChange(name, null);
-      }
-    },
-    [formValues, handleFormFieldChange],
-  );
-
-  const handleSelectFieldChange = React.useCallback(
-    (event: SelectChangeEvent) => {
-      handleFormFieldChange(event.target.name, event.target.value);
-    },
-    [handleFormFieldChange],
-  );
-
-  const renderField = React.useCallback(
-    (formField: DataField) => {
-      const { field, type, headerName } = formField;
-
-      const fieldValue = formValues[field];
-      const fieldError = formErrors[field];
-
-      let fieldElement: React.ReactNode = null;
-      if (!type || type === 'string' || type === 'longString') {
-        fieldElement = (
-          <TextField
-            value={fieldValue ?? ''}
-            onChange={handleTextFieldChange}
-            name={field}
-            label={headerName}
-            error={!!fieldError}
-            helperText={fieldError ?? ' '}
-            fullWidth
-            multiline={type === 'longString'}
-            minRows={type === 'longString' ? 2 : undefined}
-          />
-        );
-      }
-      if (type === 'number') {
-        fieldElement = (
-          <TextField
-            value={fieldValue ?? ''}
-            onChange={handleNumberFieldChange}
-            name={field}
-            type="number"
-            label={headerName}
-            error={!!fieldError}
-            helperText={fieldError ?? ' '}
-            fullWidth
-          />
-        );
-      }
-      if (type === 'boolean') {
-        fieldElement = (
-          <FormControl>
-            <FormControlLabel
-              name={field}
-              control={
-                <Checkbox size="large" value={fieldValue} onChange={handleCheckboxFieldChange} />
-              }
-              label={headerName}
-            />
-            <FormHelperText error={!!fieldError}>{fieldError ?? ' '}</FormHelperText>
-          </FormControl>
-        );
-      }
-      if (type === 'date') {
-        fieldElement = (
-          <LocalizationProvider dateAdapter={AdapterDayjs}>
-            <DatePicker
-              value={fieldValue ? dayjs(fieldValue as string) : null}
-              onChange={handleDateFieldChange(field)}
-              name={field}
-              label={headerName}
-              slotProps={{
-                textField: {
-                  error: !!fieldError,
-                  helperText: fieldError ?? ' ',
-                  fullWidth: true,
-                },
-              }}
-            />
-          </LocalizationProvider>
-        );
-      }
-      if (type === 'dateTime') {
-        fieldElement = (
-          <LocalizationProvider dateAdapter={AdapterDayjs}>
-            <DateTimePicker
-              value={fieldValue ? dayjs(fieldValue as string) : null}
-              onChange={handleDateFieldChange(field)}
-              name={field}
-              label={headerName}
-              slotProps={{
-                textField: {
-                  error: !!fieldError,
-                  helperText: fieldError ?? ' ',
-                  fullWidth: true,
-                },
-              }}
-            />
-          </LocalizationProvider>
-        );
-      }
-      if (type === 'singleSelect') {
-        const { getOptionValue, getOptionLabel, valueOptions } =
-          formField as GridSingleSelectColDef;
-
-        if (valueOptions && Array.isArray(valueOptions)) {
-          const labelId = `${field}-label`;
-
-          fieldElement = (
-            <FormControl error={!!fieldError} fullWidth>
-              <InputLabel id={labelId}>{headerName}</InputLabel>
-              <Select
-                value={(fieldValue as string) ?? ''}
-                onChange={handleSelectFieldChange}
-                labelId={labelId}
-                name={field}
-                label={headerName}
-                defaultValue=""
-                fullWidth
-              >
-                {valueOptions.map((option) => {
-                  let optionValue: string | number = option as string | number;
-                  let optionLabel: string | number = option as string | number;
-                  if (typeof option !== 'string' && typeof option !== 'number') {
-                    optionValue = getOptionValue ? getOptionValue(option) : option.value;
-                    optionLabel = getOptionLabel ? getOptionLabel(option) : option.label;
-                  }
-
-                  return (
-                    <MenuItem key={optionValue} value={optionValue}>
-                      {optionLabel}
-                    </MenuItem>
-                  );
-                })}
-              </Select>
-              <FormHelperText>{fieldError ?? ' '}</FormHelperText>
-            </FormControl>
-          );
-        }
-      }
-
-      return (
-        <Grid key={field} size={{ xs: 12, sm: 6 }} sx={{ display: 'flex' }}>
-          {fieldElement}
-        </Grid>
-      );
-    },
-    [
-      formErrors,
-      formValues,
-      handleCheckboxFieldChange,
-      handleDateFieldChange,
-      handleNumberFieldChange,
-      handleSelectFieldChange,
-      handleTextFieldChange,
-    ],
-  );
-
-  return (
-    <Box
-      component="form"
-      action={submitAction}
-      noValidate
-      autoComplete="off"
-      onReset={handleFormReset}
-      sx={{ width: '100%' }}
-    >
-      <FormGroup>
-        <Grid container spacing={2} sx={{ mb: 2, width: '100%' }}>
-          {fields.filter(({ field }) => field !== 'id').map(renderField)}
-        </Grid>
-      </FormGroup>
-      <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>
-        <Button
-          type="submit"
-          variant="contained"
-          size="large"
-          loading={isSubmitting || (hasSubmittedSuccessfully && !resetOnSubmit)}
-        >
-          {localeText.submitButtonLabel}
-        </Button>
-      </Box>
-    </Box>
-  );
-}
-
-FormPage.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Server-side data source.
-   */
-  dataSource: PropTypes.object.isRequired,
-} as any;
-
-export { FormPage };
diff --git a/packages/toolpad-core/src/CRUD/List.tsx b/packages/toolpad-core/src/CRUD/List.tsx
deleted file mode 100644
index d24b93b8e4d..00000000000
--- a/packages/toolpad-core/src/CRUD/List.tsx
+++ /dev/null
@@ -1,450 +0,0 @@
-'use client';
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import IconButton from '@mui/material/IconButton';
-import Stack from '@mui/material/Stack';
-import Tooltip from '@mui/material/Tooltip';
-import Typography from '@mui/material/Typography';
-import {
-  DataGrid,
-  GridToolbar,
-  GridActionsCellItem,
-  DataGridProps,
-  GridColDef,
-  GridFilterModel,
-  GridPaginationModel,
-  GridSortModel,
-  GridEventListener,
-  gridClasses,
-} from '@mui/x-data-grid';
-import type { DataGridProProps } from '@mui/x-data-grid-pro';
-import type { DataGridPremiumProps } from '@mui/x-data-grid-premium';
-import AddIcon from '@mui/icons-material/Add';
-import RefreshIcon from '@mui/icons-material/Refresh';
-import EditIcon from '@mui/icons-material/Edit';
-import DeleteIcon from '@mui/icons-material/Delete';
-import invariant from 'invariant';
-import { useDialogs } from '../useDialogs';
-import { useNotifications } from '../useNotifications';
-import { DataModel, DataModelId, DataSource } from './shared';
-import { CrudContext, RouterContext, WindowContext } from '../shared/context';
-
-const ErrorOverlay = styled('div')(({ theme }) => ({
-  position: 'absolute',
-  backgroundColor: theme.palette.error.light,
-  borderRadius: '4px',
-  top: 0,
-  height: '100%',
-  width: '100%',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  textAlign: 'center',
-  p: 1,
-  zIndex: 10,
-}));
-
-export interface ListSlotProps {
-  dataGrid?: Partial<DataGridProps | DataGridProProps | DataGridPremiumProps>;
-}
-
-export interface ListSlots {
-  /**
-   * The DataGrid component used to list the items.
-   * @default DataGrid
-   */
-  dataGrid?:
-    | React.JSXElementConstructor<DataGridProps>
-    | React.JSXElementConstructor<DataGridProProps>
-    | React.JSXElementConstructor<DataGridPremiumProps>;
-}
-
-export interface ListProps<D extends DataModel> {
-  /**
-   * Server-side data source.
-   */
-  dataSource?: DataSource<D> & Required<Pick<DataSource<D>, 'getMany'>>;
-  /**
-   * Initial number of rows to show per page.
-   * @default 100
-   */
-  initialPageSize?: number;
-  /**
-   * Callback fired when a row is clicked. Not called if the target clicked is an interactive element added by the built-in columns.
-   */
-  onRowClick?: (id: DataModelId) => void;
-  /**
-   * Callback fired when the "Create" button is clicked.
-   */
-  onCreateClick?: () => void;
-  /**
-   * Callback fired when the "Edit" button is clicked.
-   */
-  onEditClick?: (id: DataModelId) => void;
-  /**
-   * Callback fired when the item is successfully deleted.
-   */
-  onDelete?: (id: DataModelId) => void;
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots?: ListSlots;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps?: ListSlotProps;
-}
-/**
- *
- * Demos:
- *
- * - [Crud](https://mui.com/toolpad/core/react-crud/)
- *
- * API:
- *
- * - [List API](https://mui.com/toolpad/core/api/list)
- */
-function List<D extends DataModel>(props: ListProps<D>) {
-  const {
-    initialPageSize = 100,
-    onRowClick,
-    onCreateClick,
-    onEditClick,
-    onDelete,
-    slots,
-    slotProps,
-  } = props;
-
-  const crudContext = React.useContext(CrudContext);
-  const dataSource = (props.dataSource ?? crudContext.dataSource) as Exclude<
-    typeof props.dataSource,
-    undefined
-  >;
-
-  invariant(dataSource, 'No data source found.');
-
-  const { fields, ...methods } = dataSource;
-  const { getMany, deleteOne } = methods;
-
-  const routerContext = React.useContext(RouterContext);
-  const appWindowContext = React.useContext(WindowContext);
-
-  const appWindow = appWindowContext ?? (typeof window !== 'undefined' ? window : null);
-
-  const dialogs = useDialogs();
-  const notifications = useNotifications();
-
-  const [rowsState, setRowsState] = React.useState<{ rows: D[]; rowCount: number }>({
-    rows: [],
-    rowCount: 0,
-  });
-
-  const [paginationModel, setPaginationModel] = React.useState<GridPaginationModel>({
-    page: routerContext?.searchParams.get('page')
-      ? Number(routerContext?.searchParams.get('page'))
-      : 0,
-    pageSize: routerContext?.searchParams.get('pageSize')
-      ? Number(routerContext?.searchParams.get('pageSize'))
-      : initialPageSize,
-  });
-  const [filterModel, setFilterModel] = React.useState<GridFilterModel>(
-    routerContext?.searchParams.get('filter')
-      ? JSON.parse(routerContext?.searchParams.get('filter') ?? '')
-      : { items: [] },
-  );
-  const [sortModel, setSortModel] = React.useState<GridSortModel>(
-    routerContext?.searchParams.get('sort')
-      ? JSON.parse(routerContext?.searchParams.get('sort') ?? '')
-      : [],
-  );
-
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState<Error | null>(null);
-
-  React.useEffect(() => {
-    if (appWindow) {
-      const url = new URL(appWindow.location.href);
-
-      url.searchParams.set('page', String(paginationModel.page));
-      url.searchParams.set('pageSize', String(paginationModel.pageSize));
-
-      if (!appWindow.frameElement) {
-        appWindow.history.pushState({}, '', url);
-      }
-    }
-  }, [appWindow, paginationModel.page, paginationModel.pageSize]);
-
-  React.useEffect(() => {
-    if (appWindow) {
-      const url = new URL(appWindow.location.href);
-
-      if (
-        filterModel.items.length > 0 ||
-        (filterModel.quickFilterValues && filterModel.quickFilterValues.length > 0)
-      ) {
-        url.searchParams.set('filter', JSON.stringify(filterModel));
-      } else {
-        url.searchParams.delete('filter');
-      }
-
-      if (!appWindow.frameElement) {
-        appWindow.history.pushState({}, '', url);
-      }
-    }
-  }, [appWindow, filterModel]);
-
-  React.useEffect(() => {
-    if (appWindow) {
-      const url = new URL(appWindow.location.href);
-
-      if (sortModel.length > 0) {
-        url.searchParams.set('sort', JSON.stringify(sortModel));
-      } else {
-        url.searchParams.delete('sort');
-      }
-
-      if (!appWindow.frameElement) {
-        appWindow.history.pushState({}, '', url);
-      }
-    }
-  }, [appWindow, sortModel]);
-
-  const loadData = React.useCallback(async () => {
-    setError(null);
-    setIsLoading(true);
-    try {
-      const listData = await getMany({
-        paginationModel,
-        sortModel,
-        filterModel,
-      });
-      setRowsState({
-        rows: listData.items,
-        rowCount: listData.itemCount,
-      });
-    } catch (listDataError) {
-      setError(listDataError as Error);
-    }
-    setIsLoading(false);
-  }, [filterModel, getMany, paginationModel, sortModel]);
-
-  React.useEffect(() => {
-    loadData();
-  }, [filterModel, getMany, loadData, paginationModel, sortModel]);
-
-  const handleRefresh = React.useCallback(() => {
-    if (!isLoading) {
-      loadData();
-    }
-  }, [isLoading, loadData]);
-
-  const handleRowClick = React.useCallback<GridEventListener<'rowClick'>>(
-    ({ row }) => {
-      if (onRowClick) {
-        onRowClick(row.id);
-      }
-    },
-    [onRowClick],
-  );
-
-  const handleItemEdit = React.useCallback(
-    (itemId: DataModelId) => () => {
-      if (onEditClick) {
-        onEditClick(itemId);
-      }
-    },
-    [onEditClick],
-  );
-
-  const handleItemDelete = React.useCallback(
-    (itemId: DataModelId) => async () => {
-      const confirmed = await dialogs.confirm(`Do you wish to delete item "${itemId}"?`, {
-        title: 'Delete item?',
-        severity: 'error',
-        okText: 'Delete',
-        cancelText: 'Cancel',
-      });
-
-      if (confirmed) {
-        setIsLoading(true);
-        try {
-          await deleteOne?.(itemId);
-
-          if (onDelete) {
-            onDelete(itemId);
-          }
-
-          notifications.show('Item deleted successfully.', {
-            severity: 'success',
-            autoHideDuration: 3000,
-          });
-          loadData();
-        } catch (deleteError) {
-          notifications.show(`Failed to delete item. Reason: ${(deleteError as Error).message}`, {
-            severity: 'error',
-            autoHideDuration: 3000,
-          });
-        }
-        setIsLoading(false);
-      }
-    },
-    [deleteOne, dialogs, loadData, notifications, onDelete],
-  );
-
-  const DataGridSlot = slots?.dataGrid ?? DataGrid;
-
-  const initialState = React.useMemo(
-    () => ({
-      pagination: { paginationModel: { pageSize: initialPageSize } },
-    }),
-    [initialPageSize],
-  );
-
-  const columns = React.useMemo<GridColDef[]>(() => {
-    return [
-      ...(fields.map((field) =>
-        field.type === 'longString' ? { ...field, type: 'string' } : field,
-      ) as GridColDef[]),
-      {
-        field: 'actions',
-        type: 'actions',
-        flex: 1,
-        align: 'right',
-        getActions: ({ id }) => [
-          ...(onEditClick
-            ? [
-                <GridActionsCellItem
-                  key="edit-item"
-                  icon={<EditIcon />}
-                  label="Edit"
-                  onClick={handleItemEdit(id)}
-                />,
-              ]
-            : []),
-          ...(deleteOne
-            ? [
-                <GridActionsCellItem
-                  key="delete-item"
-                  icon={<DeleteIcon />}
-                  label="Delete"
-                  onClick={handleItemDelete(id)}
-                />,
-              ]
-            : []),
-        ],
-      },
-    ];
-  }, [deleteOne, fields, handleItemDelete, handleItemEdit, onEditClick]);
-
-  return (
-    <Stack sx={{ flex: 1, width: '100%' }}>
-      <Stack direction="row" alignItems="center" justifyContent="space-between" sx={{ mb: 1 }}>
-        <Tooltip title="Reload data" placement="right" enterDelay={1000}>
-          <div>
-            <IconButton aria-label="refresh" onClick={handleRefresh}>
-              <RefreshIcon />
-            </IconButton>
-          </div>
-        </Tooltip>
-        {onCreateClick ? (
-          <Button variant="contained" onClick={onCreateClick} startIcon={<AddIcon />}>
-            Create New
-          </Button>
-        ) : null}
-      </Stack>
-      <Box sx={{ flex: 1, position: 'relative', width: '100%' }}>
-        <DataGridSlot
-          rows={rowsState.rows}
-          rowCount={rowsState.rowCount}
-          columns={columns}
-          pagination
-          sortingMode="server"
-          filterMode="server"
-          paginationMode="server"
-          paginationModel={paginationModel}
-          onPaginationModelChange={setPaginationModel}
-          sortModel={sortModel}
-          onSortModelChange={setSortModel}
-          filterModel={filterModel}
-          onFilterModelChange={setFilterModel}
-          onRowClick={handleRowClick}
-          loading={isLoading}
-          initialState={initialState}
-          slots={{ toolbar: GridToolbar }}
-          // Prevent type conflicts if slotProps don't match DataGrid used for dataGrid slot
-          {...(slotProps?.dataGrid as Record<string, unknown>)}
-          sx={{
-            [`& .${gridClasses.columnHeader}, & .${gridClasses.cell}`]: {
-              outline: 'transparent',
-            },
-            [`& .${gridClasses.columnHeader}:focus-within, & .${gridClasses.cell}:focus-within`]: {
-              outline: 'none',
-            },
-            [`& .${gridClasses.row}:hover`]: {
-              cursor: 'pointer',
-            },
-            ...slotProps?.dataGrid?.sx,
-          }}
-        />
-        {error && (
-          <ErrorOverlay>
-            <Typography variant="body1">{error.message}</Typography>
-          </ErrorOverlay>
-        )}
-      </Box>
-    </Stack>
-  );
-}
-
-List.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Server-side data source.
-   */
-  dataSource: PropTypes.object,
-  /**
-   * Initial number of rows to show per page.
-   * @default 100
-   */
-  initialPageSize: PropTypes.number,
-  /**
-   * Callback fired when the "Create" button is clicked.
-   */
-  onCreateClick: PropTypes.func,
-  /**
-   * Callback fired when the item is successfully deleted.
-   */
-  onDelete: PropTypes.func,
-  /**
-   * Callback fired when the "Edit" button is clicked.
-   */
-  onEditClick: PropTypes.func,
-  /**
-   * Callback fired when a row is clicked. Not called if the target clicked is an interactive element added by the built-in columns.
-   */
-  onRowClick: PropTypes.func,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    dataGrid: PropTypes.object,
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    dataGrid: PropTypes.func,
-  }),
-} as any;
-
-export { List };
diff --git a/packages/toolpad-core/src/CRUD/Show.tsx b/packages/toolpad-core/src/CRUD/Show.tsx
deleted file mode 100644
index adc0def957a..00000000000
--- a/packages/toolpad-core/src/CRUD/Show.tsx
+++ /dev/null
@@ -1,262 +0,0 @@
-'use client';
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Alert from '@mui/material/Alert';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import CircularProgress from '@mui/material/CircularProgress';
-import Divider from '@mui/material/Divider';
-import Grid from '@mui/material/Grid2';
-import Paper from '@mui/material/Paper';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import EditIcon from '@mui/icons-material/Edit';
-import DeleteIcon from '@mui/icons-material/Delete';
-import invariant from 'invariant';
-import dayjs from 'dayjs';
-import { useDialogs } from '../useDialogs';
-import { useNotifications } from '../useNotifications';
-import { DataField, DataModel, DataModelId, DataSource } from './shared';
-import { CrudContext } from '../shared/context';
-
-export interface ShowProps<D extends DataModel> {
-  id: DataModelId;
-  /**
-   * Server-side data source.
-   */
-  dataSource?: DataSource<D> & Required<Pick<DataSource<D>, 'getOne'>>;
-  /**
-   * Callback fired when the "Edit" button is clicked.
-   */
-  onEditClick?: (id: DataModelId) => void;
-  /**
-   * Callback fired when the item is successfully deleted.
-   */
-  onDelete?: (id: DataModelId) => void;
-}
-/**
- *
- * Demos:
- *
- * - [Crud](https://mui.com/toolpad/core/react-crud/)
- *
- * API:
- *
- * - [Show API](https://mui.com/toolpad/core/api/show)
- */
-function Show<D extends DataModel>(props: ShowProps<D>) {
-  const { id, onEditClick, onDelete } = props;
-
-  const crudContext = React.useContext(CrudContext);
-  const dataSource = (props.dataSource ?? crudContext.dataSource) as Exclude<
-    typeof props.dataSource,
-    undefined
-  >;
-
-  invariant(dataSource, 'No data source found.');
-
-  const { fields, ...methods } = dataSource;
-  const { getOne, deleteOne } = methods;
-
-  const dialogs = useDialogs();
-  const notifications = useNotifications();
-
-  const [data, setData] = React.useState<D | null>(null);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [error, setError] = React.useState<Error | null>(null);
-
-  const [hasDeleted, setHasDeleted] = React.useState(false);
-
-  const loadData = React.useCallback(async () => {
-    setError(null);
-    setIsLoading(true);
-    try {
-      const showData = await getOne(id);
-      setData(showData);
-    } catch (showDataError) {
-      setError(showDataError as Error);
-    }
-    setIsLoading(false);
-  }, [getOne, id]);
-
-  React.useEffect(() => {
-    loadData();
-  }, [loadData]);
-
-  const handleItemEdit = React.useCallback(() => {
-    if (onEditClick) {
-      onEditClick(id);
-    }
-  }, [id, onEditClick]);
-
-  const handleItemDelete = React.useCallback(async () => {
-    const confirmed = await dialogs.confirm(`Do you wish to delete item "${id}"?`, {
-      title: 'Delete item?',
-      severity: 'error',
-      okText: 'Delete',
-      cancelText: 'Cancel',
-    });
-
-    if (confirmed) {
-      setIsLoading(true);
-      try {
-        await deleteOne?.(id);
-
-        if (onDelete) {
-          onDelete(id);
-        }
-
-        notifications.show('Item deleted successfully.', {
-          severity: 'success',
-          autoHideDuration: 3000,
-        });
-
-        setHasDeleted(true);
-      } catch (deleteError) {
-        notifications.show(`Failed to delete item. Reason: ${(deleteError as Error).message}`, {
-          severity: 'error',
-          autoHideDuration: 3000,
-        });
-      }
-      setIsLoading(false);
-    }
-  }, [deleteOne, dialogs, id, notifications, onDelete]);
-
-  const renderField = React.useCallback(
-    (showField: DataField) => {
-      if (!data) {
-        return '…';
-      }
-
-      const { field, type } = showField;
-      const fieldValue = data[field];
-
-      if (type === 'boolean') {
-        return fieldValue ? 'Yes' : 'No';
-      }
-      if (type === 'date') {
-        return fieldValue ? dayjs(fieldValue as string).format('MMMM D, YYYY') : '-';
-      }
-      if (type === 'dateTime') {
-        return fieldValue ? dayjs(fieldValue as string).format('MMMM D, YYYY h:mm A') : '-';
-      }
-
-      return fieldValue ? String(fieldValue) : '-';
-    },
-    [data],
-  );
-
-  const renderShow = React.useMemo(() => {
-    if (isLoading) {
-      return (
-        <Box
-          sx={{
-            flex: 1,
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            width: '100%',
-            m: 1,
-          }}
-        >
-          <CircularProgress />
-        </Box>
-      );
-    }
-    if (error) {
-      return (
-        <Box sx={{ flexGrow: 1 }}>
-          <Alert severity="error">{error.message}</Alert>
-        </Box>
-      );
-    }
-
-    if (hasDeleted) {
-      return (
-        <Box sx={{ flexGrow: 1 }}>
-          <Alert severity="error">This item has been deleted.</Alert>
-        </Box>
-      );
-    }
-
-    return data ? (
-      <Box sx={{ flexGrow: 1, width: '100%' }}>
-        <Grid container spacing={2} sx={{ width: '100%' }}>
-          {fields
-            .filter(({ type }) => type !== 'actions' && type !== 'custom')
-            .map((showField) => {
-              const { field, headerName } = showField;
-
-              return (
-                <Grid key={field} size={{ xs: 12, sm: 6 }}>
-                  <Paper sx={{ px: 2, py: 1 }}>
-                    <Typography variant="overline">{headerName}</Typography>
-                    <Typography variant="body1" sx={{ mb: 1 }}>
-                      {renderField(showField)}
-                    </Typography>
-                  </Paper>
-                </Grid>
-              );
-            })}
-        </Grid>
-        <Divider sx={{ my: 3 }} />
-        <Stack direction="row" spacing={2} justifyContent="flex-end">
-          {onEditClick ? (
-            <Button variant="contained" startIcon={<EditIcon />} onClick={handleItemEdit}>
-              Edit
-            </Button>
-          ) : null}
-          {deleteOne ? (
-            <Button
-              variant="contained"
-              color="error"
-              startIcon={<DeleteIcon />}
-              onClick={handleItemDelete}
-            >
-              Delete
-            </Button>
-          ) : null}
-        </Stack>
-      </Box>
-    ) : null;
-  }, [
-    data,
-    deleteOne,
-    error,
-    fields,
-    handleItemDelete,
-    handleItemEdit,
-    hasDeleted,
-    isLoading,
-    onEditClick,
-    renderField,
-  ]);
-
-  return <Box sx={{ display: 'flex', flex: 1, width: '100%' }}>{renderShow}</Box>;
-}
-
-Show.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Server-side data source.
-   */
-  dataSource: PropTypes.object,
-  /**
-   * @ignore
-   */
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * Callback fired when the item is successfully deleted.
-   */
-  onDelete: PropTypes.func,
-  /**
-   * Callback fired when the "Edit" button is clicked.
-   */
-  onEditClick: PropTypes.func,
-} as any;
-
-export { Show };
diff --git a/packages/toolpad-core/src/CRUD/index.ts b/packages/toolpad-core/src/CRUD/index.ts
deleted file mode 100644
index a3cce1a8c68..00000000000
--- a/packages/toolpad-core/src/CRUD/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export * from './List';
-export * from './Show';
-export * from './Create';
-export * from './Edit';
-
-export * from './CrudProvider';
-
-export * from './Crud';
-
-export * from './shared';
diff --git a/packages/toolpad-core/src/CRUD/shared.ts b/packages/toolpad-core/src/CRUD/shared.ts
deleted file mode 100644
index b6209b50774..00000000000
--- a/packages/toolpad-core/src/CRUD/shared.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import {
-  GridColDef,
-  GridColType,
-  GridFilterModel,
-  GridPaginationModel,
-  GridSortModel,
-} from '@mui/x-data-grid';
-
-export type DataModelId = string | number;
-
-export interface DataModel {
-  id: DataModelId;
-  [key: string]: unknown;
-}
-
-export interface GetManyParams {
-  paginationModel: GridPaginationModel;
-  sortModel: GridSortModel;
-  filterModel: GridFilterModel;
-}
-
-type RemappedOmit<T, K extends PropertyKey> = { [P in keyof T as P extends K ? never : P]: T[P] };
-
-export type OmitId<D extends DataModel> = RemappedOmit<D, 'id'>;
-
-export type DataField = RemappedOmit<GridColDef, 'type'> & { type?: GridColType | 'longString' };
-
-export interface DataSource<D extends DataModel> {
-  fields: DataField[];
-  getMany?: (params: GetManyParams) => Promise<{ items: D[]; itemCount: number }>;
-  getOne?: (id: DataModelId) => Promise<D>;
-  createOne?: (data: Partial<OmitId<D>>) => Promise<D>;
-  updateOne?: (id: DataModelId, data: Partial<OmitId<D>>) => Promise<D>;
-  deleteOne?: (id: DataModelId) => Promise<void>;
-  /**
-   * Function to validate form values. Returns object with error strings for each field.
-   */
-  validate?: (
-    formValues: Partial<OmitId<D>>,
-  ) => Partial<Record<keyof D, string>> | Promise<Partial<Record<keyof D, string>>>;
-}