Please finally fix the issues with the tab exports

Author: leeyi45

lib/modules-lib/package.json

@@ -15,6 +15,7 @@
     "vitest": "^3.2.3"
   },
   "exports": {
+    "./tabs/*": null,
     "./*": "./dist/*.js",
     "./tabs": "./dist/tabs/index.js",
     "./types": "./dist/types/index.js"

src/bundles/csg/src/jscad/renderer.ts

@@ -7,7 +7,7 @@ import {
   entitiesFromSolids,
   prepareRender
 } from '@jscad/regl-renderer';
-import { ACE_GUTTER_BACKGROUND_COLOR, ACE_GUTTER_TEXT_COLOR, BP_TEXT_COLOR } from '@sourceacademy/modules-lib/tabs/css_constants';
+import { ACE_GUTTER_BACKGROUND_COLOR, ACE_GUTTER_TEXT_COLOR, BP_TEXT_COLOR } from '@sourceacademy/modules-lib/tabs';
 import {
   DEFAULT_COLOR,
   GRID_PADDING,

src/tabs/Csg/src/canvas_holder.tsx

@@ -4,7 +4,7 @@ import { IconNames } from '@blueprintjs/icons';
 import { Core } from '@sourceacademy/bundle-csg/core';
 import StatefulRenderer from '@sourceacademy/bundle-csg/stateful_renderer';
 import type { RenderGroup } from '@sourceacademy/bundle-csg/utilities';
-import { BP_CARD_BORDER_RADIUS, BP_TAB_BUTTON_MARGIN, BP_TAB_PANEL_MARGIN, BP_TEXT_MARGIN, CANVAS_MAX_WIDTH } from '@sourceacademy/modules-lib/tabs/css_constants';
+import { BP_CARD_BORDER_RADIUS, BP_TAB_BUTTON_MARGIN, BP_TAB_PANEL_MARGIN, BP_TEXT_MARGIN, CANVAS_MAX_WIDTH } from '@sourceacademy/modules-lib/tabs';
 import React from 'react';
 import type { CanvasHolderProps, CanvasHolderState } from '../types';
 import HoverControlHint from './hover_control_hint';

src/tabs/Csg/src/hover_control_hint.tsx

@@ -1,6 +1,6 @@
 /* [Imports] */
 import { Icon, Tooltip } from '@blueprintjs/core';
-import { BP_ICON_COLOR, SA_TAB_BUTTON_WIDTH, SA_TAB_ICON_SIZE } from '@sourceacademy/modules-lib/tabs/css_constants';
+import { BP_ICON_COLOR, SA_TAB_BUTTON_WIDTH, SA_TAB_ICON_SIZE } from '@sourceacademy/modules-lib/tabs';
 import React from 'react';
 import type { HintProps } from '../types';
 

src/tabs/Curve/src/animation_canvas_3d_curve.tsx

@@ -1,11 +1,15 @@
 import { Icon, Slider, Tooltip } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import type { AnimatedCurve } from '@sourceacademy/bundle-curve/types';
-import AutoLoopSwitch from '@sourceacademy/modules-lib/tabs/AutoLoopSwitch';
-import ButtonComponent from '@sourceacademy/modules-lib/tabs/ButtonComponent';
-import PlayButton from '@sourceacademy/modules-lib/tabs/PlayButton';
-import WebGLCanvas from '@sourceacademy/modules-lib/tabs/WebglCanvas';
-import { BP_TAB_BUTTON_MARGIN, BP_TEXT_MARGIN, CANVAS_MAX_WIDTH } from '@sourceacademy/modules-lib/tabs/css_constants';
+import {
+  BP_TAB_BUTTON_MARGIN,
+  BP_TEXT_MARGIN,
+  CANVAS_MAX_WIDTH,
+  AutoLoopSwitch,
+  ButtonComponent,
+  PlayButton,
+  WebGLCanvas
+} from '@sourceacademy/modules-lib/tabs';
 import React from 'react';
 
 type Props = {

src/tabs/Curve/src/canvas_3d_curve.tsx

@@ -1,8 +1,6 @@
 import { Slider } from '@blueprintjs/core';
 import type { CurveDrawn } from '@sourceacademy/bundle-curve/curves_webgl';
-import PlayButton from '@sourceacademy/modules-lib/tabs/PlayButton';
-import WebGLCanvas from '@sourceacademy/modules-lib/tabs/WebglCanvas';
-import { BP_TAB_BUTTON_MARGIN, BP_TEXT_MARGIN, CANVAS_MAX_WIDTH } from '@sourceacademy/modules-lib/tabs/css_constants';
+import { PlayButton, WebGLCanvas, BP_TAB_BUTTON_MARGIN, BP_TEXT_MARGIN, CANVAS_MAX_WIDTH } from '@sourceacademy/modules-lib/tabs';
 import { degreesToRadians } from '@sourceacademy/modules-lib/utilities';
 import React from 'react';
 

src/tabs/Physics2D/src/DebugDrawCanvas.tsx

@@ -4,7 +4,7 @@ import { DrawShapes, type b2World } from '@box2d/core';
 import { DebugDraw } from '@box2d/debug-draw';
 
 import type { PhysicsWorld } from '@sourceacademy/bundle-physics_2d/PhysicsWorld';
-import WebGLCanvas from '@sourceacademy/modules-lib/tabs/WebGLCanvas';
+import{ WebGLCanvas } from '@sourceacademy/modules-lib/tabs';
 import React from 'react';
 
 type DebugDrawCanvasProps = {