chore: nodenext module resolution (#57)

Author: jacobsfletch

demo/App/index.tsx renamed to demo/App.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ModalProvider, ModalContainer, ModalToggler } from '@faceless-ui/modal';
-import AsModal from '../AsModalDemo';
-import UseModal from '../UseModalDemo';
-import Modal from '../ModalDemo';
-import CSS from '../CSS';
-import SettingsControls from '../SettingsControls';
-import { SettingsProvider } from '../SettingsProvider';
+import AsModal from './AsModalDemo/index.js';
+import UseModal from './UseModalDemo/index.js';
+import Modal from './ModalDemo/index.js';
+import CSS from './CSS.js';
+import SettingsControls from './SettingsControls/index.js';
+import { SettingsProvider } from './SettingsProvider/index.js';
 // import Test from '../Test';
 
 const App: React.FC = () => {

demo/AsModalDemo/reducer.ts

@@ -1,4 +1,4 @@
-import { Settings, IReducerAction } from './types';
+import { Settings, IReducerAction } from './types.js';
 
 const reducer = (state: Settings, action: IReducerAction): Settings => {
   const { payload } = action;

demo/ModalControls/index.tsx

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { useModal, ModalToggler } from '@faceless-ui/modal';
-import type {ModalPropsWithContext} from '../../src/Modal';
+import type { ModalPropsWithContext } from '../../src/Modal/index.js';
 import { useSettings } from '../SettingsProvider/index.js';
 
 const ModalControls: React.FC<ModalPropsWithContext> = (props) => {

demo/ModalDemo/index.tsx

@@ -1,8 +1,8 @@
 import React, { Fragment } from 'react';
 import { Modal, ModalToggler } from '@faceless-ui/modal';
-import LogProps from '../LogProps';
-import ModalControls from '../ModalControls';
-import { SettingsProvider } from '../SettingsProvider';
+import LogProps from '../LogProps/index.js';
+import ModalControls from '../ModalControls/index.js';
+import { SettingsProvider } from '../SettingsProvider/index.js';
 
 const ModalDemo: React.FC = () => {
 

demo/ModalDemo/reducer.ts

@@ -1,4 +1,4 @@
-import { Settings, IReducerAction } from './types';
+import { Settings, IReducerAction } from './types.js';
 
 const reducer = (state: Settings, action: IReducerAction): Settings => {
   const { payload } = action;

demo/SettingsControls/index.tsx

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { useModal } from '@faceless-ui/modal';
-import { useSettings } from '../SettingsProvider';
+import { useSettings } from '../SettingsProvider/index.js';
 
 const SettingsControls: React.FC = () => {
   const { dispatchSettings } = useSettings();

demo/SettingsProvider/index.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useReducer } from 'react';
-import reducer from './reducer'
+import reducer from './reducer.js'
 
 export type Settings = Record<string, unknown>;
 

demo/SettingsProvider/reducer.ts

@@ -1,4 +1,4 @@
-import { Settings, IReducerAction } from './';
+import { Settings, IReducerAction } from './index.js';
 
 const reducer = (state: Settings, action: IReducerAction): Settings => {
   const { payload } = action;

demo/UseModalDemo/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useModal } from '@faceless-ui/modal';
-import LogProps from '../LogProps';
+import LogProps from '../LogProps/index.js';
 
 const UseModal: React.FC = (props) => {
   const modal = useModal();

demo/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import App from './App';
+import App from './App.js';
 import { createRoot } from 'react-dom/client';
 const container = document.getElementById('root');
 if (container) {