Change all imports to be relative to ./ rather than from ./index.ts

packages/odyssey-react-mui/src/Banner.tsx

@@ -10,9 +10,10 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import { AlertColor, AlertProps } from "@mui/material";
+import { Alert, AlertColor, AlertProps } from "@mui/material";
 import { memo } from "react";
-import { Alert, Link, ScreenReaderText } from "./";
+import { Link } from "./Link";
+import { ScreenReaderText } from "./ScreenReaderText";
 import { useTranslation } from "react-i18next";
 
 export type BannerProps = {

packages/odyssey-react-mui/src/Checkbox.tsx

@@ -10,12 +10,14 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import { Checkbox as MuiCheckbox, Typography } from "@mui/material";
+import {
+  Checkbox as MuiCheckbox,
+  FormControlLabel,
+  Typography,
+} from "@mui/material";
 import { ChangeEventHandler, memo, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 
-import { FormControlLabel } from ".";
-
 export type CheckboxProps = {
   ariaLabel?: string;
   ariaLabelledBy?: string;

packages/odyssey-react-mui/src/Dialog.tsx

@@ -17,7 +17,8 @@ import {
   DialogContentText,
   DialogActions,
 } from "@mui/material";
-import { Button, CloseIcon } from "./";
+import { Button } from "./Button";
+import { CloseIcon } from "./iconDictionary";
 import {
   memo,
   ReactNode,

packages/odyssey-react-mui/src/FieldError.tsx

@@ -12,7 +12,7 @@
 
 import { memo } from "react";
 
-import { FormHelperText } from ".";
+import { FormHelperText } from "@mui/material";
 import { ScreenReaderText } from "./ScreenReaderText";
 import { useTranslation } from "react-i18next";
 

packages/odyssey-react-mui/src/FieldHint.tsx

@@ -12,7 +12,7 @@
 
 import { memo } from "react";
 
-import { FormHelperText } from "./";
+import { FormHelperText } from "@mui/material";
 
 export type FieldHintProps = {
   id?: string;

packages/odyssey-react-mui/src/FieldLabel.tsx

@@ -15,7 +15,7 @@ import { memo, useMemo } from "react";
 
 import { useTranslation } from "react-i18next";
 import { ScreenReaderText } from "./ScreenReaderText";
-import { Typography } from ".";
+import { Typography } from "@mui/material";
 
 export type FieldLabelProps = {
   hasVisibleLabel: boolean;

packages/odyssey-react-mui/src/Fieldset.tsx

@@ -12,7 +12,7 @@
 
 import { memo, ReactElement } from "react";
 
-import { Box, Typography } from ".";
+import { Box, Typography } from "@mui/material";
 import { Infobox } from "./Infobox";
 import { useUniqueId } from "./useUniqueId";
 

packages/odyssey-react-mui/src/Form.tsx

@@ -12,7 +12,7 @@
 
 import { memo, ReactElement } from "react";
 
-import { Box, Typography } from "./";
+import { Box, Typography } from "@mui/material";
 import { Button } from "./Button";
 import { Infobox } from "./Infobox";
 import { useUniqueId } from "./useUniqueId";

packages/odyssey-react-mui/src/Infobox.tsx

@@ -12,7 +12,8 @@
 
 import { AlertColor } from "@mui/material";
 import { memo, ReactNode } from "react";
-import { Alert, AlertTitle, ScreenReaderText } from ".";
+import { Alert, AlertTitle } from "@mui/material";
+import { ScreenReaderText } from "./ScreenReaderText";
 import { useTranslation } from "react-i18next";
 
 export type InfoboxProps = {

packages/odyssey-react-mui/src/MenuButton.tsx

@@ -10,16 +10,23 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import {
-  Button,
-  ButtonProps,
-  ChevronDownIcon,
-  Divider,
-  ListSubheader,
-  Menu,
-  MenuItem,
-  useUniqueId,
-} from "./";
+// import {
+//   Button,
+//   ButtonProps,
+//   ChevronDownIcon,
+//   Divider,
+//   ListSubheader,
+//   Menu,
+//   MenuItem,
+//   useUniqueId,
+// } from "./";
+
+import { Button, ButtonProps } from "./Button";
+import { ChevronDownIcon } from "./iconDictionary";
+import { Divider, ListSubheader, Menu } from "@mui/material";
+import { useUniqueId } from "./useUniqueId";
+import { MenuItem } from "./MenuItem";
+
 import { memo, MouseEvent, ReactElement, useMemo, useState } from "react";
 
 export type MenuButtonProps = {

packages/odyssey-react-mui/src/OdysseyProvider.tsx

@@ -12,7 +12,7 @@
 
 import { memo, ReactElement } from "react";
 
-import { ThemeOptions } from ".";
+import { ThemeOptions } from "@mui/material";
 import { DesignTokensOverride } from "../src/theme/index";
 import { OdysseyCacheProvider } from "./OdysseyCacheProvider";
 import { OdysseyThemeProvider } from "./OdysseyThemeProvider";

packages/odyssey-react-mui/src/OdysseyThemeProvider.tsx

@@ -13,8 +13,10 @@
 import { ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
 import { memo, ReactElement, useMemo } from "react";
 
-import { createTheme, deepmerge, ThemeOptions, DesignTokensOverride } from ".";
-import { createOdysseyMuiTheme } from "./theme";
+import { createTheme } from ".";
+import { ThemeOptions } from "@mui/material";
+import { deepmerge } from "@mui/utils";
+import { createOdysseyMuiTheme, DesignTokensOverride } from "./theme";
 import * as Tokens from "@okta/odyssey-design-tokens";
 
 const OdysseyThemeProvider = ({

packages/odyssey-react-mui/src/PasswordField.tsx

@@ -20,7 +20,8 @@ import {
   useState,
 } from "react";
 
-import { EyeIcon, EyeOffIcon, IconButton } from "./";
+import { EyeIcon, EyeOffIcon } from "./iconDictionary";
+import { IconButton } from "@mui/material";
 import { Field } from "./Field";
 
 export type PasswordFieldProps = {

packages/odyssey-react-mui/src/Radio.tsx

@@ -13,7 +13,7 @@
 import { Radio as MuiRadio } from "@mui/material";
 import { memo } from "react";
 
-import { FormControlLabel } from ".";
+import { FormControlLabel } from "@mui/material";
 
 export type RadioProps = {
   isChecked?: boolean;

packages/odyssey-react-mui/src/ScreenReaderText.tsx

@@ -11,7 +11,8 @@
  */
 
 import { memo, ReactNode } from "react";
-import { Box, visuallyHidden } from "./";
+import { Box } from "@mui/material";
+import { visuallyHidden } from "@mui/utils";
 
 export type ScreenReaderTextProps = {
   /**

packages/odyssey-react-mui/src/SearchField.tsx

@@ -20,7 +20,7 @@ import {
   useCallback,
 } from "react";
 
-import { SearchIcon } from "./";
+import { SearchIcon } from "./iconDictionary";
 import { Field } from "./Field";
 
 export type SearchFieldProps = {

packages/odyssey-react-mui/src/Status.tsx

@@ -10,7 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import { Chip } from "./";
+import { Chip } from "@mui/material";
 
 export type StatusProps = {
   /**

packages/odyssey-react-mui/src/TagList.tsx

@@ -10,7 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import { Tag } from "./";
+import { Tag } from "./Tag";
 import { Stack } from "@mui/material";
 import { memo, ReactElement, useMemo } from "react";
 import { ChipElementType, TagListContext } from "./TagListContext";

packages/odyssey-react-mui/src/Toast.tsx

@@ -12,14 +12,10 @@
 
 import { AlertColor } from "@mui/material";
 import { useEffect, memo, useState, useCallback } from "react";
-import {
-  Alert,
-  AlertTitle,
-  CloseIcon,
-  Link,
-  Snackbar,
-  visuallyHidden,
-} from ".";
+import { Alert, AlertTitle, Snackbar } from "@mui/material";
+import { visuallyHidden } from "@mui/utils";
+import { Link } from "./Link";
+import { CloseIcon } from "./iconDictionary";
 import { Button } from "./Button";
 import { useTranslation } from "react-i18next";
 

packages/odyssey-react-mui/src/ToastStack.tsx

@@ -11,7 +11,7 @@
  */
 
 import { memo, ReactElement } from "react";
-import { Box, Snackbar } from ".";
+import { Box, Snackbar } from "@mui/material";
 import { Toast } from "./Toast";
 
 export type ToastStackProps = {