🐛 Fix ESM packaging for code-highlighting (#246)

.changeset/tidy-mayflies-drive.md

@@ -0,0 +1,5 @@
+---
+'myst-to-react': patch
+---
+
+Fix ESM import of code styles

packages/myst-to-react/src/code.tsx

@@ -2,8 +2,8 @@ import type { Code, InlineCode } from 'myst-spec';
 import type { NodeRenderer } from '@myst-theme/providers';
 import { useTheme } from '@myst-theme/providers';
 import { LightAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
-import light from 'react-syntax-highlighter/dist/esm/styles/hljs/xcode';
-import dark from 'react-syntax-highlighter/dist/esm/styles/hljs/vs2015';
+import light from 'react-syntax-highlighter/dist/esm/styles/hljs/xcode.js';
+import dark from 'react-syntax-highlighter/dist/esm/styles/hljs/vs2015.js';
 import { DocumentIcon } from '@heroicons/react/24/outline';
 import classNames from 'classnames';
 import { CopyIcon } from './components/index.js';

patches/@jupyter-widgets+controls+5.0.5.patch

@@ -0,0 +1,15 @@
+diff --git a/node_modules/@jupyter-widgets/controls/css/widgets-base.css b/node_modules/@jupyter-widgets/controls/css/widgets-base.css
+index b5c14f8..4f481fa 100644
+--- a/node_modules/@jupyter-widgets/controls/css/widgets-base.css
++++ b/node_modules/@jupyter-widgets/controls/css/widgets-base.css
+@@ -8,8 +8,8 @@
+  * have been defined.
+  */
+
+-@import './lumino.css';
+-@import './nouislider.css';
++/* @import './lumino.css'; */
++/* @import './nouislider.css'; */
+
+ :root {
+   --jp-widgets-color: var(--jp-content-font-color1);

patches/@types+react-syntax-highlighter+15.5.7.patch

@@ -0,0 +1,26 @@
+diff --git a/node_modules/@types/react-syntax-highlighter/index.d.ts b/node_modules/@types/react-syntax-highlighter/index.d.ts
+index 413c917..4a9c465 100755
+--- a/node_modules/@types/react-syntax-highlighter/index.d.ts
++++ b/node_modules/@types/react-syntax-highlighter/index.d.ts
+@@ -696,11 +696,21 @@ declare module 'react-syntax-highlighter/dist/esm/styles/hljs/vs2015' {
+     export default style;
+ }
+
++declare module 'react-syntax-highlighter/dist/esm/styles/hljs/vs2015.js' {
++    const style: { [key: string]: React.CSSProperties };
++    export default style;
++}
++
+ declare module 'react-syntax-highlighter/dist/esm/styles/hljs/xcode' {
+     const style: { [key: string]: React.CSSProperties };
+     export default style;
+ }
+
++declare module 'react-syntax-highlighter/dist/esm/styles/hljs/xcode.js' {
++    const style: { [key: string]: React.CSSProperties };
++    export default style;
++}
++
+ declare module 'react-syntax-highlighter/dist/esm/styles/hljs/xt256' {
+     const style: { [key: string]: React.CSSProperties };
+     export default style;