Grabbed dndbeyond's source code

```
~/go/bin/sourcemapper -output ddb -jsurl https://media.dndbeyond.com/character-app/static/js/main.90aa78c5.js
```

ddb_main/tools/js/CharacterSheet/containers/tablet/SpellsTablet/SpellsTablet.tsx

@@ -0,0 +1,69 @@
+import { visuallyHidden } from "@mui/utils";
+import React from "react";
+import { connect } from "react-redux";
+
+import {
+  CharacterTheme,
+  rulesEngineSelectors,
+} from "@dndbeyond/character-rules-engine/es";
+
+import { PaneInfo, useSidebar } from "~/contexts/Sidebar/Sidebar";
+import { PaneComponentEnum } from "~/subApps/sheet/components/Sidebar/types";
+
+import { appEnvSelectors } from "../../../../Shared/selectors";
+import SubsectionTablet from "../../../components/SubsectionTablet";
+import TabletBox from "../../../components/TabletBox";
+import { SheetAppState } from "../../../typings";
+import Spells from "../../Spells";
+
+interface Props {
+  isReadonly: boolean;
+  theme: CharacterTheme;
+  paneHistoryStart: PaneInfo["paneHistoryStart"];
+}
+class SpellsTablet extends React.PureComponent<Props> {
+  handleManageSpellsOpen = (): void => {
+    const { paneHistoryStart, isReadonly } = this.props;
+
+    if (!isReadonly) {
+      paneHistoryStart(PaneComponentEnum.SPELL_MANAGE);
+    }
+  };
+
+  render() {
+    const { isReadonly, theme } = this.props;
+
+    return (
+      <SubsectionTablet>
+        <TabletBox
+          header="Spells"
+          onHeaderClick={this.handleManageSpellsOpen}
+          className="ct-spells-tablet"
+          isReadonly={isReadonly}
+          theme={theme}
+        >
+          <section>
+            <h2 style={visuallyHidden}>Spells</h2>
+            <Spells />
+          </section>
+        </TabletBox>
+      </SubsectionTablet>
+    );
+  }
+}
+
+function mapStateToProps(state: SheetAppState) {
+  return {
+    isReadonly: appEnvSelectors.getIsReadonly(state),
+    theme: rulesEngineSelectors.getCharacterTheme(state),
+  };
+}
+
+const SpellsTabletContainer = (props) => {
+  const {
+    pane: { paneHistoryStart },
+  } = useSidebar();
+  return <SpellsTablet {...props} paneHistoryStart={paneHistoryStart} />;
+};
+
+export default connect(mapStateToProps)(SpellsTabletContainer);

ddb_main/tools/js/CharacterSheet/containers/tablet/SpellsTablet/index.ts

@@ -0,0 +1,4 @@
+import SpellsTablet from "./SpellsTablet";
+
+export default SpellsTablet;
+export { SpellsTablet };