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/smartComponents/Svg/sidebar/PaneLeftSvg/PaneLeftSvg.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+
+import BaseSvg from "../../BaseSvg";
+import { InjectedSvgProps } from "../../hocs";
+
+export default class PaneLeftSvg extends React.PureComponent<InjectedSvgProps> {
+  static defaultProps = {
+    className: "",
+  };
+
+  render() {
+    const { className, fillColor } = this.props;
+
+    return (
+      <BaseSvg viewBox="0 0 9.05327 16" className={className}>
+        <path
+          fill={fillColor}
+          d="M8.691,2.48379,3.96263,8,8.691,13.5167a1.50431,1.50431,0,0,1-.16326,2.12119h0a1.50431,1.50431,0,0,1-2.12107-.16324L0,8,6.40628.52548A1.50456,1.50456,0,0,1,8.528.36242h0A1.50457,1.50457,0,0,1,8.691,2.48379Z"
+        />
+      </BaseSvg>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Svg/sidebar/PaneLeftSvg/index.ts

@@ -0,0 +1,16 @@
+import { asDarkSvg, asDisabledSvg, asLightSvg, asThemedSvg } from "../../hocs";
+import PaneLeftSvg from "./PaneLeftSvg";
+
+const LightPaneLeftSvg = asLightSvg(PaneLeftSvg);
+const DarkPaneLeftSvg = asDarkSvg(PaneLeftSvg);
+const DisabledPaneLeftSvg = asDisabledSvg(PaneLeftSvg);
+const ThemedPaneLeftSvg = asThemedSvg(PaneLeftSvg);
+
+export default PaneLeftSvg;
+export {
+  PaneLeftSvg,
+  LightPaneLeftSvg,
+  DarkPaneLeftSvg,
+  DisabledPaneLeftSvg,
+  ThemedPaneLeftSvg,
+};

ddb_main/tools/js/smartComponents/Svg/sidebar/PaneRightSvg/PaneRightSvg.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+
+import BaseSvg from "../../BaseSvg";
+import { InjectedSvgProps } from "../../hocs";
+
+export default class PaneRightSvg extends React.PureComponent<InjectedSvgProps> {
+  static defaultProps = {
+    className: "",
+  };
+
+  render() {
+    const { className, fillColor } = this.props;
+
+    return (
+      <BaseSvg viewBox="0 0 9.05327 16" className={className}>
+        <path
+          fill={fillColor}
+          d="M.36226,2.48379,5.09065,8,.36225,13.5167a1.50431,1.50431,0,0,0,.16326,2.12119h0a1.5043,1.5043,0,0,0,2.12106-.16324L9.05327,8,2.647.52548A1.50458,1.50458,0,0,0,.52524.36242h0A1.50457,1.50457,0,0,0,.36226,2.48379Z"
+        />
+      </BaseSvg>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Svg/sidebar/PaneRightSvg/index.ts

@@ -0,0 +1,16 @@
+import { asDarkSvg, asDisabledSvg, asLightSvg, asThemedSvg } from "../../hocs";
+import PaneRightSvg from "./PaneRightSvg";
+
+const LightPaneRightSvg = asLightSvg(PaneRightSvg);
+const DarkPaneRightSvg = asDarkSvg(PaneRightSvg);
+const DisabledPaneRightSvg = asDisabledSvg(PaneRightSvg);
+const ThemedPaneRightSvg = asThemedSvg(PaneRightSvg);
+
+export default PaneRightSvg;
+export {
+  PaneRightSvg,
+  LightPaneRightSvg,
+  DarkPaneRightSvg,
+  DisabledPaneRightSvg,
+  ThemedPaneRightSvg,
+};

ddb_main/tools/js/smartComponents/Svg/sidebar/SidebarLeftSvg/SidebarLeftSvg.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+
+import BaseSvg from "../../BaseSvg";
+import { InjectedSvgProps } from "../../hocs";
+
+export default class SidebarLeftSvg extends React.PureComponent<InjectedSvgProps> {
+  static defaultProps = {
+    className: "",
+  };
+
+  render() {
+    const { className, fillColor } = this.props;
+
+    return (
+      <BaseSvg viewBox="0 0 16 16" className={className}>
+        <path
+          fill={fillColor}
+          d="M11,2.48,5,8l6,5.52a1.3,1.3,0,0,1-.21,2.12h0a2.25,2.25,0,0,1-2.68-.17L0,8,8.11.53A2.25,2.25,0,0,1,10.79.36h0A1.3,1.3,0,0,1,11,2.48Z"
+        />
+        <polygon fill={fillColor} points="6.92 8 16 0 16 16 6.92 8" />
+      </BaseSvg>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Svg/sidebar/SidebarLeftSvg/index.ts

@@ -0,0 +1,14 @@
+import { asDarkSvg, asDisabledSvg, asLightSvg } from "../../hocs";
+import SidebarLeftSvg from "./SidebarLeftSvg";
+
+const LightSidebarLeftSvg = asLightSvg(SidebarLeftSvg);
+const DarkSidebarLeftSvg = asDarkSvg(SidebarLeftSvg);
+const DisabledSidebarLeftSvg = asDisabledSvg(SidebarLeftSvg);
+
+export default SidebarLeftSvg;
+export {
+  SidebarLeftSvg,
+  LightSidebarLeftSvg,
+  DarkSidebarLeftSvg,
+  DisabledSidebarLeftSvg,
+};

ddb_main/tools/js/smartComponents/Svg/sidebar/SidebarRightSvg/SidebarRightSvg.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+
+import BaseSvg from "../../BaseSvg";
+import { InjectedSvgProps } from "../../hocs";
+
+export default class SidebarLeftSvg extends React.PureComponent<InjectedSvgProps> {
+  static defaultProps = {
+    className: "",
+  };
+
+  render() {
+    const { className, fillColor } = this.props;
+
+    return (
+      <BaseSvg viewBox="0 0 16 16" className={className}>
+        <path
+          fill={fillColor}
+          d="M5.21.36h0A2.25,2.25,0,0,1,7.89.53L16,8,7.89,15.47a2.25,2.25,0,0,1-2.68.17h0A1.3,1.3,0,0,1,5,13.52L11,8,5,2.48A1.3,1.3,0,0,1,5.21.36Z"
+        />
+        <polygon fill={fillColor} points="9.09 8 0 0 0 16 9.09 8" />
+      </BaseSvg>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Svg/sidebar/SidebarRightSvg/index.ts

@@ -0,0 +1,14 @@
+import { asDarkSvg, asDisabledSvg, asLightSvg } from "../../hocs";
+import SidebarRightSvg from "./SidebarRightSvg";
+
+const LightSidebarRightSvg = asLightSvg(SidebarRightSvg);
+const DarkSidebarRightSvg = asDarkSvg(SidebarRightSvg);
+const DisabledSidebarRightSvg = asDisabledSvg(SidebarRightSvg);
+
+export default SidebarRightSvg;
+export {
+  SidebarRightSvg,
+  LightSidebarRightSvg,
+  DarkSidebarRightSvg,
+  DisabledSidebarRightSvg,
+};