@datalayer/jupyter-react 0.18.7 → 0.18.8

package/lib/examples/{NotebookNbFormatChange.js → NotebookNbformatChange.js}

@@ -7,24 +7,24 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Box, Button, ButtonGroup } from '@primer/react';
-import Jupyter from '../jupyter/Jupyter';
-import Notebook from '../components/notebook/Notebook';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { Notebook } from '../components/notebook/Notebook';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import useNotebookStore from '../components/notebook/NotebookState';
 import nbformat1 from './notebooks/NotebookExample1.ipynb.json';
 import nbformat2 from './notebooks/NotebookExample2.ipynb.json';
 const NOTEBOOK_ID = 'notebook-model-change-id';
-const NotebookNbFormatChange = () => {
+const NotebookNbformatChange = () => {
     const notebookStore = useNotebookStore();
     const [nbformat, setNbformat] = useState(nbformat1);
-    const changeModel = () => {
-        console.log('Notebook NbFormat from store', notebookStore.notebooks.get(NOTEBOOK_ID)?.model?.toJSON());
+    const changeNbformat = () => {
+        console.log('Notebook Nbformat from store', notebookStore.notebooks.get(NOTEBOOK_ID)?.model?.toJSON());
         nbformat === nbformat1 ? setNbformat(nbformat2) : setNbformat(nbformat1);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(ButtonGroup, { children: _jsx(Button, { variant: "default", size: "small", onClick: changeModel, children: "Change Model" }) }) }), _jsx(Notebook, { id: NOTEBOOK_ID, nbformat: nbformat, height: "700px", CellSidebar: CellSidebar })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(ButtonGroup, { children: _jsx(Button, { variant: "default", size: "small", onClick: changeNbformat, children: "Change Nbformat" }) }) }), _jsx(Notebook, { id: NOTEBOOK_ID, nbformat: nbformat, height: "700px", CellSidebar: CellSidebar })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(Jupyter, { children: _jsx(NotebookNbFormatChange, {}) }));
-//# sourceMappingURL=NotebookNbFormatChange.js.map
+root.render(_jsx(JupyterReactTheme, { children: _jsx(NotebookNbformatChange, {}) }));
+//# sourceMappingURL=NotebookNbformatChange.js.map

package/lib/examples/NotebookNbformatChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookNbformatChange.js","sourceRoot":"","sources":["../../src/examples/NotebookNbformatChange.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAEhE,MAAM,WAAW,GAAG,0BAA0B,CAAC;AAE/C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,OAAO,CAAC,GAAG,CACT,8BAA8B,EAC9B,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAsB,CAC9E,CAAC;QACF,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC3E,CAAC,CAAC;IACF,OAAO,CACL,8BACE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAc,gCAErD,GACG,GACV,EACN,KAAC,QAAQ,IACP,EAAE,EAAE,WAAW,EACf,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,WAAW,GACxB,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,iBAAiB,cAChB,KAAC,sBAAsB,KAAG,GACR,CACrB,CAAC"}

package/lib/examples/NotebookNoContext.js

@@ -5,15 +5,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import { JupyterLabTheme } from '../jupyter/lab/JupyterLabTheme';
-import Notebook from '../components/notebook/Notebook';
-import NotebookToolbar from './toolbars/NotebookToolbar';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebarButton';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
 const NOTEBOOK_ID = 'notebook-id';
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-const colorMode = 'light';
-root.render(_jsx(JupyterLabTheme, { colorMode: colorMode, children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-        , cellSidebarMargin: 60, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
+const colormode = 'light';
+root.render(_jsx(JupyterReactTheme, { colormode: colormode, children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+        , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
 //# sourceMappingURL=NotebookNoContext.js.map

package/lib/examples/NotebookNoContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookNoContext.js","sourceRoot":"","sources":["../../src/examples/NotebookNoContext.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,uDAAuD,CAAC;AAEhF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,OAAO,CAAC;AAE1B,IAAI,CAAC,MAAM,CACT,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YACnC,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACc,CACnB,CAAC"}
+{"version":3,"file":"NotebookNoContext.js","sourceRoot":"","sources":["../../src/examples/NotebookNoContext.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAE1F,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,OAAO,CAAC;AAE1B,IAAI,CAAC,MAAM,CACT,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,YACrC,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC"}

package/lib/examples/NotebookNoPrimer.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { createRoot } from 'react-dom/client';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
+import { JupyterLabCss } from '../theme';
+const NOTEBOOK_ID = 'notebook-id';
+const div = document.createElement('div');
+document.body.appendChild(div);
+const root = createRoot(div);
+root.render(_jsxs(_Fragment, { children: [_jsx(JupyterLabCss, { colormode: 'dark' }), _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+            , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar })] }));
+//# sourceMappingURL=NotebookNoPrimer.js.map

package/lib/examples/NotebookNoPrimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookNoPrimer.js","sourceRoot":"","sources":["../../src/examples/NotebookNoPrimer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,8BACE,KAAC,aAAa,IAAC,SAAS,EAAC,MAAM,GAAG,EAClC,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,IACD,CACJ,CAAC"}

package/lib/examples/NotebookPath.js

@@ -5,13 +5,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import Jupyter from '../jupyter/Jupyter';
-import Notebook from '../components/notebook/Notebook';
-import NotebookToolbar from './toolbars/NotebookToolbar';
-import CellSidebarNew from '../components/notebook/cell/sidebar/CellSidebarButton';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import CellSidebarButton from '../components/notebook/cell/sidebar/CellSidebarButton';
 const NOTEBOOK_ID = 'notebook-id';
-const NotebookPath = () => (_jsx(Jupyter, { children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-        , cellSidebarMargin: 60, CellSidebar: CellSidebarNew, Toolbar: NotebookToolbar }) }));
+const NotebookPath = () => (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+        , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);

package/lib/examples/NotebookPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookPath.js","sourceRoot":"","sources":["../../src/examples/NotebookPath.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,cAAc,MAAM,uDAAuD,CAAC;AAEnF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,KAAC,OAAO,cACN,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookPath.js","sourceRoot":"","sources":["../../src/examples/NotebookPath.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AAEtF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookPathChange.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * Copyright (c) 2021-2023 Datalayer, Inc.
  *
@@ -7,20 +7,19 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Box, Button, Text } from '@primer/react';
-import Jupyter from '../jupyter/Jupyter';
-import Notebook from '../components/notebook/Notebook';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { Notebook } from '../components/notebook/Notebook';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 const PATH_1 = 'ipywidgets.ipynb';
 const PATH_2 = 'matplotlib.ipynb';
 const NotebookPathChange = () => {
     const [path, setPath] = useState(PATH_1);
-    const changePath = () => {
-        path === PATH_1 ? setPath(PATH_2) : setPath(PATH_1);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", children: _jsx(Button, { variant: "default", size: "small", onClick: changePath, children: "Change Path" }) }), _jsx(Box, { mt: 2, children: _jsx(Text, { as: "span", sx: { color: 'fg.onEmphasis', bg: 'neutral.emphasis', p: 2 }, children: path }) }), _jsx(Notebook, { path: path, id: "notebook-path-change-id", CellSidebar: CellSidebar })] }));
+    const changePath = () => { path === PATH_1 ? setPath(PATH_2) : setPath(PATH_1); };
+    return (_jsxs(JupyterReactTheme, { children: [_jsx(Box, { display: "flex", children: _jsx(Button, { variant: "default", size: "small", onClick: changePath, children: "Change Notebook Path" }) }), _jsx(Box, { mt: 2, children: _jsx(Text, { as: "span", sx: { color: 'fg.onEmphasis', bg: 'neutral.emphasis', p: 2 }, children: path }) }), _jsx(Notebook, { path: path, id: "notebook-path-change-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+                , CellSidebar: CellSidebar })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(Jupyter, { children: _jsx(NotebookPathChange, {}) }));
+root.render(_jsx(NotebookPathChange, {}));
 //# sourceMappingURL=NotebookPathChange.js.map

package/lib/examples/NotebookPathChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookPathChange.js","sourceRoot":"","sources":["../../src/examples/NotebookPathChange.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAClC,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACtD,CAAC,CAAC;IACF,OAAO,CACL,8BACE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,4BAEjD,GACL,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,IAAI,IACH,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,EAAE,YAE3D,IAAI,GACA,GACH,EACN,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,yBAAyB,EAC5B,WAAW,EAAE,WAAW,GACxB,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,OAAO,cACN,KAAC,kBAAkB,KAAG,GACd,CACX,CAAC"}
+{"version":3,"file":"NotebookPathChange.js","sourceRoot":"","sources":["../../src/examples/NotebookPathChange.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,GAAG,EAAE,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA,CAAC,CAAC,CAAC;IACjF,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,qCAEjD,GACL,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,IAAI,IACH,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,EAAE,YAE3D,IAAI,GACA,GACH,EACN,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,yBAAyB,EAC5B,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,WAAW,EAAE,WAAW,GACxB,IACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,kBAAkB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookReadonly.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { createRoot } from 'react-dom/client';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
+import nbformat from './notebooks/NotebookExample1.ipynb.json';
+const NotebookReadonly = () => {
+    return (_jsx(JupyterReactTheme, { children: _jsx(Notebook, { readonly: true, nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+            , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
+};
+const div = document.createElement('div');
+document.body.appendChild(div);
+const root = createRoot(div);
+root.render(_jsx(NotebookReadonly, {}));
+//# sourceMappingURL=NotebookReadonly.js.map

package/lib/examples/NotebookReadonly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookReadonly.js","sourceRoot":"","sources":["../../src/examples/NotebookReadonly.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,QAAQ,QACR,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookServiceManager.js

@@ -1,39 +1,41 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * Copyright (c) 2021-2023 Datalayer, Inc.
  *
  * MIT License
  */
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { ServiceManager } from '@jupyterlab/services';
-import Jupyter from '../jupyter/Jupyter';
+import { Button, Box } from '@primer/react';
+import { JupyterReactTheme } from '../theme';
 import { createServerSettings } from '../jupyter/JupyterContext';
-import { getJupyterServerUrl, getJupyterServerToken } from '../jupyter/JupyterConfig';
-import JupyterServiceManagerLess from '../jupyter/services/JupyterServiceManagerLess';
-import { Kernel } from '../jupyter/kernel/Kernel';
-import Notebook from '../components/notebook/Notebook';
-import NotebookToolbar from './toolbars/NotebookToolbar';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
+import { getJupyterServerUrl, getJupyterServerToken, ServiceManagerLess } from '../jupyter';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const KERNEL_NAME = 'python3';
 const NotebookServiceManager = () => {
-    const [serviceManagerLess, _] = useState(new JupyterServiceManagerLess());
-    const [kernel, setKernel] = useState();
-    useEffect(() => {
-        const serverSettings = createServerSettings(getJupyterServerUrl(), getJupyterServerToken());
-        const serviceManager = new ServiceManager({ serverSettings });
-        const kernel = new Kernel({
-            kernelManager: serviceManager.kernels,
-            kernelName: KERNEL_NAME,
-            kernelSpecName: KERNEL_NAME,
-            kernelspecsManager: serviceManager.kernelspecs,
-            sessionManager: serviceManager.sessions,
-        });
-        setKernel(kernel);
-    }, []);
-    return (_jsx(Jupyter, { serviceManager: serviceManagerLess, children: _jsx(Notebook, { nbformat: nbformat, kernel: kernel, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-            , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
+    const [serverless, setServerless] = useState(true);
+    const [readonly, setReadonly] = useState(true);
+    const [serviceManager, setServiceManager] = useState(new ServiceManagerLess());
+    const changeServiceManager = () => {
+        if (serverless) {
+            setServerless(false);
+            setReadonly(false);
+            const serverSettings = createServerSettings(getJupyterServerUrl(), getJupyterServerToken());
+            const serviceManager = new ServiceManager({ serverSettings });
+            setServiceManager(serviceManager);
+        }
+        else {
+            setServerless(true);
+            setReadonly(true);
+            const serviceManager = new ServiceManagerLess();
+            setServiceManager(serviceManager);
+        }
+    };
+    return (_jsxs(JupyterReactTheme, { children: [_jsxs(Box, { display: "flex", children: [_jsx(Box, { children: _jsx(Button, { onClick: e => changeServiceManager(), children: "Change the Service Manager" }) }), _jsxs(Box, { ml: 3, children: ["Token: ", serviceManager.serverSettings.token] })] }), _jsx(Notebook, { nbformat: nbformat, serviceManager: serviceManager, serverless: serverless, readonly: readonly, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+                , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);

package/lib/examples/NotebookServiceManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookServiceManager.js","sourceRoot":"","sources":["../../src/examples/NotebookServiceManager.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtF,OAAO,yBAAyB,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,kBAAkB,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,yBAAyB,EAAE,CAAC,CAAC;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;QAC5F,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;QAC9D,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC;YACxB,aAAa,EAAE,cAAc,CAAC,OAAO;YACrC,UAAU,EAAE,WAAW;YACvB,cAAc,EAAE,WAAW;YAC3B,kBAAkB,EAAE,cAAc,CAAC,WAAW;YAC9C,cAAc,EAAE,cAAc,CAAC,QAAQ;SACxC,CAAC,CAAC;QACH,SAAS,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,CACL,KAAC,OAAO,IACN,cAAc,EAAE,kBAAkB,YAElC,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,MAAM,EAAE,MAAM,EACd,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;cAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,sBAAsB,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookServiceManager.js","sourceRoot":"","sources":["../../src/examples/NotebookServiceManager.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAG,GAAG,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,kBAAkB,EAAE,CAAC,CAAC;IAC/E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,UAAU,EAAE;YACd,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,cAAc,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;YAC5F,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YAC9D,iBAAiB,CAAC,cAAc,CAAC,CAAC;SACnC;aAAM;YACL,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,MAAM,cAAc,GAAG,IAAI,kBAAkB,EAAE,CAAC;YAChD,iBAAiB,CAAC,cAAc,CAAC,CAAC;SACnC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,iBAAiB,eAChB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aACjB,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,oBAAoB,EAAE,2CAEnC,GACL,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,wBACA,cAAc,CAAC,cAAc,CAAC,KAAK,IACvC,IACF,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;kBAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACgB,CACrB,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,sBAAsB,KAAG,CAAC,CAAC"}

package/lib/examples/NotebookSkeleton.js

@@ -6,14 +6,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { createRoot } from 'react-dom/client';
 import { ContentLoader } from '@datalayer/primer-addons';
-import Jupyter from '../jupyter/Jupyter';
-import Notebook from '../components/notebook/Notebook';
-import NotebookToolbar from './toolbars/NotebookToolbar';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebarButton';
+import { Jupyter } from '../jupyter/Jupyter';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
 const NOTEBOOK_ID = 'notebook-id';
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
 root.render(_jsx(Jupyter, { skeleton: _jsx(ContentLoader, { count: 3 }), children: _jsx(Notebook, { path: "ipywidgets.ipynb", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
-        , cellSidebarMargin: 60, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
+        , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
 //# sourceMappingURL=NotebookSkeleton.js.map

package/lib/examples/NotebookSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookSkeleton.js","sourceRoot":"","sources":["../../src/examples/NotebookSkeleton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,uDAAuD,CAAC;AAEhF,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,OAAO,IAAC,QAAQ,EAAE,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,GAAI,YAC5C,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC"}
+{"version":3,"file":"NotebookSkeleton.js","sourceRoot":"","sources":["../../src/examples/NotebookSkeleton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAE1F,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,OAAO,IAAC,QAAQ,EAAE,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,GAAI,YAC5C,KAAC,QAAQ,IACP,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC"}

package/lib/examples/NotebookTheme.js

@@ -7,11 +7,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Text, ToggleSwitch, theme as primerTheme } from '@primer/react';
-import Jupyter from '../jupyter/Jupyter';
-import { jupyterTheme } from '../themes/primerTheme';
-import Notebook from '../components/notebook/Notebook';
-import NotebookToolbar from './toolbars/NotebookToolbar';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
+import { Jupyter } from '../jupyter/Jupyter';
+import { jupyterTheme } from '../theme/JupyterPrimerTheme';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
 const NotebookTheme = () => {
     const [theme, setTheme] = useState(jupyterTheme);

package/lib/examples/NotebookTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookTheme.js","sourceRoot":"","sources":["../../src/examples/NotebookTheme.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAGzE,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,YAAY,CAAC,CAAC;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,QAAQ,CAAC,WAAW,CAAC,CAAC;SACvB;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,EAAW,EAAE,EAAE;QACrD,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,4BACE,MAAC,OAAO,IAAC,KAAK,EAAE,KAAK,aACnB,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,6BAGA,EACP,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,IAAI,EACb,mBAAmB,EAAC,KAAK,qBACT,cAAc,GAC9B,EACF,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;sBAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACM,GACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC"}
+{"version":3,"file":"NotebookTheme.js","sourceRoot":"","sources":["../../src/examples/NotebookTheme.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAGzE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,YAAY,CAAC,CAAC;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,QAAQ,CAAC,WAAW,CAAC,CAAC;SACvB;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,EAAW,EAAE,EAAE;QACrD,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,4BACE,MAAC,OAAO,IAAC,KAAK,EAAE,KAAK,aACnB,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,UAAU,EAAC,MAAM,EACjB,EAAE,EAAC,cAAc,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,6BAGA,EACP,KAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,IAAI,EACb,mBAAmB,EAAC,KAAK,qBACT,cAAc,GAC9B,EACF,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;sBAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,IACM,GACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC"}

package/lib/examples/{NotebookThemeColorMode.js → NotebookThemeColormode.js}

@@ -7,16 +7,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Text, ToggleSwitch, theme as primerTheme, Box } from '@primer/react';
-import Jupyter from '../jupyter/Jupyter';
-import { jupyterTheme } from '../themes/primerTheme';
-import Notebook from '../components/notebook/Notebook';
-import NotebookToolbar from './toolbars/NotebookToolbar';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
+import { Jupyter } from '../jupyter/Jupyter';
+import { jupyterTheme } from '../theme/JupyterPrimerTheme';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import nbformat from './notebooks/NotebookExample1.ipynb.json';
-const NotebookThemeColorMode = () => {
+const NotebookThemeColormode = () => {
     const [theme, setTheme] = useState(jupyterTheme);
     const [isThemeOn, setIsThemeOn] = useState(false);
-    const [colorMode, setColorMode] = useState('light');
+    const [colormode, setColormode] = useState('light');
     const [isOn, setIsOn] = useState(false);
     useEffect(() => {
         if (isThemeOn) {
@@ -34,10 +34,10 @@ const NotebookThemeColorMode = () => {
     }, []);
     useEffect(() => {
         if (isOn) {
-            setColorMode('dark');
+            setColormode('dark');
         }
         else {
-            setColorMode('light');
+            setColormode('light');
         }
     }, [isOn]);
     const onClick = useCallback(() => {
@@ -46,11 +46,11 @@ const NotebookThemeColorMode = () => {
     const handleSwitchChange = useCallback((on) => {
         setIsOn(on);
     }, []);
-    return (_jsx(_Fragment, { children: _jsxs(Jupyter, { theme: theme, colorMode: colorMode, children: [_jsxs(Box, { display: "flex", children: [_jsxs(Box, { mr: 3, children: [_jsx(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: "Primer Theme" }), _jsx(ToggleSwitch, { size: "small", onClick: onThemeClick, onChange: handleThemeSwitchChange, checked: isThemeOn, statusLabelPosition: "end", "aria-labelledby": "switch-label-theme" })] }), _jsxs(Box, { children: [_jsxs(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: [colorMode === 'light' ? 'Light' : 'Dark', " Mode"] }), _jsx(ToggleSwitch, { size: "small", onClick: onClick, onChange: handleSwitchChange, checked: isOn, statusLabelPosition: "end", "aria-labelledby": "switch-label-color-mode" })] })] }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+    return (_jsx(_Fragment, { children: _jsxs(Jupyter, { theme: theme, colormode: colormode, children: [_jsxs(Box, { display: "flex", children: [_jsxs(Box, { mr: 3, children: [_jsx(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: "Primer Theme" }), _jsx(ToggleSwitch, { size: "small", onClick: onThemeClick, onChange: handleThemeSwitchChange, checked: isThemeOn, statusLabelPosition: "end", "aria-labelledby": "switch-label-theme" })] }), _jsxs(Box, { children: [_jsxs(Text, { fontSize: 2, fontWeight: "bold", id: "switch-label", display: "block", mb: 1, children: [colormode === 'light' ? 'Light' : 'Dark', " Mode"] }), _jsx(ToggleSwitch, { size: "small", onClick: onClick, onChange: handleSwitchChange, checked: isOn, statusLabelPosition: "end", "aria-labelledby": "switch-label-color-mode" })] })] }), _jsx(Notebook, { nbformat: nbformat, id: "notebook-model-id", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
                     , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar })] }) }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(NotebookThemeColorMode, {}));
-//# sourceMappingURL=NotebookThemeColorMode.js.map
+root.render(_jsx(NotebookThemeColormode, {}));
+//# sourceMappingURL=NotebookThemeColormode.js.map

package/lib/examples/NotebookThemeColormode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookThemeColormode.js","sourceRoot":"","sources":["../../src/examples/NotebookThemeColormode.tsx"],"names":[],"mappings":"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"}

package/lib/examples/NotebookURL.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/examples/NotebookURL.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { createRoot } from 'react-dom/client';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebarButton } from '../components/notebook/cell/sidebar/CellSidebarButton';
+const NOTEBOOK_ID = 'notebook-id';
+const div = document.createElement('div');
+document.body.appendChild(div);
+const root = createRoot(div);
+root.render(_jsx(JupyterReactTheme, { children: _jsx(Notebook, { url: "https://raw.githubusercontent.com/datalayer/jupyter-ui/main/packages/react/src/examples/notebooks/IPyWidgetsExampleWithState.ipynb.json", id: NOTEBOOK_ID, height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+        , cellSidebarMargin: 60, CellSidebar: CellSidebarButton, Toolbar: NotebookToolbar }) }));
+//# sourceMappingURL=NotebookURL.js.map

package/lib/examples/NotebookURL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotebookURL.js","sourceRoot":"","sources":["../../src/examples/NotebookURL.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AAE1F,MAAM,WAAW,GAAG,aAAa,CAAC;AAElC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IACP,GAAG,EAAC,yIAAyI,EAC7I,EAAE,EAAE,WAAW,EACf,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,EAAE,EACrB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,GACgB,CACrB,CAAC"}

package/lib/examples/NotebookUnmount.js

@@ -7,11 +7,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Box, Button } from '@primer/react';
-import Jupyter from '../jupyter/Jupyter';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import { useJupyter } from '../jupyter/JupyterContext';
 import Kernel from '../jupyter/kernel/Kernel';
-import Notebook from '../components/notebook/Notebook';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
+import { Notebook } from '../components/notebook/Notebook';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 import notebook from './notebooks/NotebookExample1.ipynb.json';
 const NotebookUnmount = () => {
     const { kernelManager, serviceManager } = useJupyter();
@@ -45,5 +45,5 @@ const NotebookUnmount = () => {
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
-root.render(_jsx(Jupyter, { children: _jsx(NotebookUnmount, {}) }));
+root.render(_jsx(JupyterReactTheme, { children: _jsx(NotebookUnmount, {}) }));
 //# sourceMappingURL=NotebookUnmount.js.map

package/lib/examples/NotebookUnmount.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotebookUnmount.js","sourceRoot":"","sources":["../../src/examples/NotebookUnmount.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,IAAI,aAAa,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC;gBACxB,aAAa;gBACb,UAAU,EAAE,eAAe;gBAC3B,cAAc,EAAE,QAAQ;gBACxB,kBAAkB,EAAE,cAAc,CAAC,WAAW;gBAC9C,cAAc,EAAE,cAAc,CAAC,QAAQ;aACxC,CAAC,CAAC;YACH,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,MAAM,EAAE;YAC3B,MAAM,CAAC,QAAQ,EAAE,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACL,4BACG,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,CACxB,8BACE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,wBAE9C,GACL,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,qBAAqB;oBACxB,iCAAiC;oBACjC,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,WAAW,GACxB,IACD,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,GAAG,kEAAsD,EAC1D,KAAC,GAAG,6HAGE,IACL,CACJ,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,OAAO,cACN,KAAC,eAAe,KAAG,GACX,CACX,CAAC"}
+{"version":3,"file":"NotebookUnmount.js","sourceRoot":"","sources":["../../src/examples/NotebookUnmount.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAE/D,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,IAAI,aAAa,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC;gBACxB,aAAa;gBACb,UAAU,EAAE,eAAe;gBAC3B,cAAc,EAAE,QAAQ;gBACxB,kBAAkB,EAAE,cAAc,CAAC,WAAW;gBAC9C,cAAc,EAAE,cAAc,CAAC,QAAQ;aACxC,CAAC,CAAC;YACH,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,MAAM,EAAE;YAC3B,MAAM,CAAC,QAAQ,EAAE,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACL,4BACG,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,CACxB,8BACE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,wBAE9C,GACL,EACN,KAAC,QAAQ,IACP,QAAQ,EAAE,QAA4B,EACtC,EAAE,EAAC,qBAAqB;oBACxB,iCAAiC;oBACjC,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,WAAW,GACxB,IACD,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,GAAG,kEAAsD,EAC1D,KAAC,GAAG,6HAGE,IACL,CACJ,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CACT,KAAC,iBAAiB,cAChB,KAAC,eAAe,KAAG,GACD,CACrB,CAAC"}

package/lib/examples/ObservableHQ.js

@@ -5,10 +5,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import Jupyter from '../jupyter/Jupyter';
-import Notebook from '../components/notebook/Notebook';
-import NotebookToolbar from './toolbars/NotebookToolbar';
-import CellSidebar from '../components/notebook/cell/sidebar/CellSidebar';
+import { Jupyter } from '../jupyter/Jupyter';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
 const ObservableHQ = () => (_jsx(Jupyter, { defaultKernelName: "deno", children: _jsx(Notebook, { path: "deno/display-js/Observable Plot.ipynb", height: "calc(100vh - 2.6rem)" // (Height - Toolbar Height).
         , cellSidebarMargin: 120, CellSidebar: CellSidebar, Toolbar: NotebookToolbar }) }));
 const div = document.createElement('div');

package/lib/examples/ObservableHQ.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObservableHQ.js","sourceRoot":"","sources":["../../src/examples/ObservableHQ.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,KAAC,OAAO,IAAC,iBAAiB,EAAC,MAAM,YAC/B,KAAC,QAAQ,IACP,IAAI,EAAC,uCAAuC,EAC5C,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC"}
+{"version":3,"file":"ObservableHQ.js","sourceRoot":"","sources":["../../src/examples/ObservableHQ.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,KAAC,OAAO,IAAC,iBAAiB,EAAC,MAAM,YAC/B,KAAC,QAAQ,IACP,IAAI,EAAC,uCAAuC,EAC5C,MAAM,EAAC,sBAAsB,CAAC,6BAA6B;UAC3D,iBAAiB,EAAE,GAAG,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACxB,GACM,CACX,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC"}

package/lib/examples/OutputIPyWidgets.js

@@ -6,13 +6,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  */
 import { render } from 'react-dom';
 import { Text } from '@primer/react';
-import Jupyter from '../jupyter/Jupyter';
+import { JupyterReactTheme } from '../theme/JupyterReactTheme';
 import OutputIPyWidgets from '../components/output/OutputIPyWidgets';
 import { view, state } from './notebooks/OutputIPyWidgetsExample';
-const Example = () => {
+const OutputIPyWidgetsExample = () => {
     return (_jsxs(_Fragment, { children: [_jsx(Text, { as: "h1", children: "Output IPyWidgets" }), _jsx(OutputIPyWidgets, { view: view, state: state })] }));
 };
 const div = document.createElement('div');
 document.body.appendChild(div);
-render(_jsx(Jupyter, { children: _jsx(Example, {}) }), div);
+render(_jsx(JupyterReactTheme, { children: _jsx(OutputIPyWidgetsExample, {}) }), div);
 //# sourceMappingURL=OutputIPyWidgets.js.map

package/lib/examples/OutputIPyWidgets.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutputIPyWidgets.js","sourceRoot":"","sources":["../../src/examples/OutputIPyWidgets.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,gBAAgB,MAAM,uCAAuC,CAAC;AAErE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAElE,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,kCAAyB,EACtC,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,IAC7C,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,KAAC,OAAO,cACN,KAAC,OAAO,KAAG,GACH,EACV,GAAG,CACJ,CAAC"}
+{"version":3,"file":"OutputIPyWidgets.js","sourceRoot":"","sources":["../../src/examples/OutputIPyWidgets.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,gBAAgB,MAAM,uCAAuC,CAAC;AAErE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAElE,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,kCAAyB,EACtC,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,IAC7C,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,MAAM,CACJ,KAAC,iBAAiB,cAChB,KAAC,uBAAuB,KAAG,GACT,EACpB,GAAG,CACJ,CAAC"}

package/lib/examples/OutputWithMonitoring.d.ts

@@ -0,0 +1 @@
+export {};