New source found from dndbeyond.com

ddb_main/subApps/builder/routes/Class/ClassHeader/ClassHeader.tsx

@@ -1,6 +1,5 @@
 import clsx from "clsx";
 import { FC, HTMLAttributes, ReactNode } from "react";
-import { useDispatch } from "react-redux";
 
 import {
   characterActions,
@@ -15,9 +14,10 @@ import {
 import CloseIcon from "@dndbeyond/fontawesome-cache/svgs/solid/x.svg";
 
 import { Button } from "~/components/Button";
+import { Select } from "~/components/Select";
 import { useCharacterEngine } from "~/hooks/useCharacterEngine";
+import { useDispatch } from "~/hooks/useDispatch";
 import { useModalManager } from "~/subApps/builder/contexts/ModalManager";
-import { Select } from "~/tools/js/smartComponents/legacy";
 
 import styles from "./styles.module.css";
 
@@ -308,11 +308,14 @@ export const ClassHeader: FC<ClassHeaderProps> = ({
             Level
           </label>
           <Select
+            className={styles.levelSelect}
             id={`class-level-${classId}`}
             value={level}
             options={levelOptions}
-            initialOptionRemoved={true}
-            onChangePromise={handleLevelChangePromise}
+            onChangeConfirm={handleLevelChangePromise}
+            name={`class-level-select-${classId}`}
+            searchThreshold={null}
+            hidePlaceholderOption
           />
         </div>
         <Button