diff --git a/package.json b/package.json
index f0ccc17e..f1d5a3a7 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,6 @@
   "scripts": {
     "build": "lerna run --stream x -- build",
     "watch": "lerna run --since HEAD --exclude-dependents --parallel x -- watch",
-    "watch-package": "lerna run --scope @*/mini-frame --include-dependencies --parallel x -- watch",
     "watch-all": "lerna run --parallel x -- watch",
     "storybook": "lerna run --scope storybook start --stream",
     "playground": "lerna run --scope @*/playground dev --stream",
diff --git a/packages/player/package.json b/packages/player/package.json
deleted file mode 100644
index 3b58b005..00000000
--- a/packages/player/package.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "name": "@code-hike/player",
-  "version": "0.3.0-next.0",
-  "private": "true",
-  "main": "dist/index.cjs.js",
-  "typings": "dist/index.d.ts",
-  "module": "dist/index.esm.js",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "x": "x"
-  },
-  "devDependencies": {
-    "@code-hike/script": "0.0.1",
-    "@types/react": "^17.0.2",
-    "react": "^17.0.2"
-  },
-  "peerDependencies": {
-    "react": "^16.8.3 || ^17 || ^18"
-  },
-  "keywords": [
-    "react"
-  ],
-  "homepage": "https://codehike.org",
-  "repository": "code-hike/codehike",
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "Rodrigo Pombo",
-  "license": "MIT",
-  "funding": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/codehike"
-  }
-}
diff --git a/packages/player/readme.md b/packages/player/readme.md
deleted file mode 100644
index 2a3bd5f6..00000000
--- a/packages/player/readme.md
+++ /dev/null
@@ -1 +0,0 @@
-See [codehike.org](https://codehike.org)
diff --git a/packages/player/src/controls.tsx b/packages/player/src/controls.tsx
deleted file mode 100644
index c2480b9a..00000000
--- a/packages/player/src/controls.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import React from "react";
-
-export { Controls, useTimeData };
-
-type Step = {
-  src: string;
-  start: number;
-  end: number;
-};
-
-type ControlsProps = {
-  steps: Step[];
-  stepIndex: number;
-  videoTime: number;
-  onChange: (payload: {
-    stepIndex: number;
-    videoTime: number;
-  }) => void;
-};
-
-function Controls({
-  steps,
-  stepIndex,
-  videoTime,
-  onChange,
-}: ControlsProps) {
-  let cumulativeDuration = 0;
-  const stepsWithDuration = steps.map((s) => {
-    const duration = s.end - s.start;
-    cumulativeDuration += duration;
-    return {
-      ...s,
-      duration,
-      globalStart: cumulativeDuration - duration,
-      globalEnd: cumulativeDuration,
-    };
-  });
-
-  const totalDuration = stepsWithDuration.reduce(
-    (t, s) => s.duration + t,
-    0
-  );
-
-  const stepTime = videoTime - stepsWithDuration[stepIndex].start;
-  const value = stepsWithDuration[stepIndex].globalStart + stepTime;
-  return (
-    <input
-      type="range"
-      style={{ width: 300 }}
-      max={totalDuration}
-      step={0.01}
-      value={value}
-      onChange={(e) => {
-        const value = +e.target.value;
-        for (let i = 0; i < stepsWithDuration.length; i++) {
-          if (value < stepsWithDuration[i].globalEnd) {
-            const stepTime =
-              value - stepsWithDuration[i].globalStart;
-            onChange({
-              stepIndex: i,
-              videoTime: stepsWithDuration[i].start + stepTime,
-            });
-            return;
-          }
-        }
-      }}
-    />
-  );
-}
-
-function useTimeData({
-  steps,
-  stepIndex,
-  videoTime,
-}: ControlsProps) {
-  const [
-    stepsWithDuration,
-    totalSeconds,
-    getStepAndTime,
-  ] = React.useMemo(() => {
-    let cumulativeDuration = 0;
-    const stepsWithDuration = steps.map((s) => {
-      const duration = s.end - s.start;
-      cumulativeDuration += duration;
-      return {
-        ...s,
-        duration,
-        globalStart: cumulativeDuration - duration,
-        globalEnd: cumulativeDuration,
-      };
-    });
-    const totalSeconds = stepsWithDuration.reduce(
-      (t, s) => s.duration + t,
-      0
-    );
-    const getStepAndTime = (value: number) => {
-      for (let i = 0; i < stepsWithDuration.length; i++) {
-        if (value < stepsWithDuration[i].globalEnd) {
-          const stepTime = value - stepsWithDuration[i].globalStart;
-          return {
-            stepIndex: i,
-            videoTime: stepsWithDuration[i].start + stepTime,
-          };
-        }
-      }
-      throw new Error("Value out of range");
-    };
-    return [stepsWithDuration, totalSeconds, getStepAndTime];
-  }, [steps]);
-
-  const currentStep = stepsWithDuration[stepIndex];
-  const stepTime = videoTime - currentStep.start;
-  const currentSeconds = Math.min(
-    currentStep.globalStart + stepTime,
-    totalSeconds
-  );
-  return { currentSeconds, totalSeconds, getStepAndTime };
-}
diff --git a/packages/player/src/index.tsx b/packages/player/src/index.tsx
deleted file mode 100644
index 8315ea11..00000000
--- a/packages/player/src/index.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import { Controls, useTimeData } from "./controls"
-import { VideoWrapper } from "./video-wrapper"
-
-export { VideoWrapper as Video, Controls, useTimeData }
diff --git a/packages/player/src/video-wrapper.tsx b/packages/player/src/video-wrapper.tsx
deleted file mode 100644
index c9dd2159..00000000
--- a/packages/player/src/video-wrapper.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React from "react"
-import {
-  PlayerHandle,
-  Step,
-  Video,
-  VideoProps,
-} from "./video"
-
-const VideoWrapper = React.forwardRef(WrapperWithRef)
-
-export { VideoWrapper }
-
-function WrapperWithRef(
-  {
-    steps,
-    onTimeChange = () => {},
-    onStepChange = () => {},
-    ...props
-  }: VideoProps,
-  parentRef: React.Ref<PlayerHandle>
-) {
-  const stepGroups = useStepGroups(
-    steps,
-    onTimeChange,
-    onStepChange
-  )
-  return (
-    <Video
-      {...props}
-      ref={parentRef}
-      steps={stepGroups.steps}
-      onTimeChange={stepGroups.onTimeChange}
-      onStepChange={stepGroups.onStepChange}
-    />
-  )
-}
-
-function useStepGroups(
-  steps: Step[],
-  onTimeChange: VideoProps["onTimeChange"],
-  onStepChange: VideoProps["onStepChange"]
-) {
-  const groupedSteps = React.useMemo(
-    () => getGroupedSteps(steps),
-    [steps]
-  )
-
-  const [
-    currentGroupedStepIndex,
-    setCurrentGroupedStepIndex,
-  ] = React.useState(0)
-  const currentSteps =
-    groupedSteps[currentGroupedStepIndex].steps
-
-  const handleTimeChange = React.useCallback(
-    (time: number, prevTime: number) => {
-      onStepChange &&
-        currentSteps.forEach(({ stepIndex, start }) => {
-          if (prevTime < start && start <= time) {
-            onStepChange(stepIndex)
-          }
-        })
-      onTimeChange && onTimeChange(time, prevTime)
-    },
-    [onTimeChange, onStepChange, currentSteps]
-  )
-
-  const handleStepChange = React.useCallback(
-    (newGroupedStepIndex: number) => {
-      const newGroupedStep =
-        groupedSteps[newGroupedStepIndex]
-      setCurrentGroupedStepIndex(newGroupedStepIndex)
-      const newStepIndex = newGroupedStep.steps[0].stepIndex
-      onStepChange && onStepChange(newStepIndex)
-    },
-    [groupedSteps, setCurrentGroupedStepIndex, onStepChange]
-  )
-
-  return {
-    steps: groupedSteps,
-    onTimeChange: handleTimeChange,
-    onStepChange: handleStepChange,
-  }
-}
-
-type GroupedStep = Step & {
-  steps: { stepIndex: number; start: number }[]
-}
-
-function getGroupedSteps(steps: Step[]): GroupedStep[] {
-  const groupedSteps: GroupedStep[] = []
-  steps.forEach((step, i) => {
-    const lastStep = groupedSteps[groupedSteps.length - 1]
-    if (
-      lastStep &&
-      lastStep.src === step.src &&
-      lastStep.end === step.start
-    ) {
-      lastStep.end = step.end
-      lastStep.steps.push({
-        stepIndex: i,
-        start: step.start,
-      })
-    } else {
-      groupedSteps.push({
-        ...step,
-        steps: [{ stepIndex: i, start: step.start }],
-      })
-    }
-  })
-
-  return groupedSteps
-}
diff --git a/packages/player/src/video.tsx b/packages/player/src/video.tsx
deleted file mode 100644
index e0687e5a..00000000
--- a/packages/player/src/video.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import React from "react"
-
-const Video = React.forwardRef(VideoWithRef)
-
-export { Video }
-
-export type Step = {
-  src: string
-  start: number
-  end: number
-}
-
-export type VideoProps = {
-  steps: Step[]
-  onTimeChange?: (time: number, prevTime: number) => void
-  onStepChange?: (stepIndex: number) => void
-  containerStyle: React.CSSProperties | undefined
-} & React.PropsWithoutRef<JSX.IntrinsicElements["video"]>
-
-export type PlayerHandle = {
-  seek: (stepIndex: number, videoTime: number) => void
-  play: () => void
-  pause: () => void
-}
-
-function VideoWithRef(
-  {
-    steps,
-    onTimeChange = () => {},
-    onStepChange = () => {},
-    containerStyle,
-    ...props
-  }: VideoProps,
-  parentRef: React.Ref<PlayerHandle>
-) {
-  const [state, setState] = React.useState({
-    stepIndex: 0,
-    videoTime: steps[0].start,
-  })
-
-  const ref = React.useRef<HTMLVideoElement>(null!)
-  const nextRef = React.useRef<HTMLVideoElement>(null!)
-  const timeRef = React.useRef(-1)
-
-  React.useImperativeHandle<PlayerHandle, PlayerHandle>(
-    parentRef,
-    () => ({
-      seek: (stepIndex, videoTime) => {
-        const newStep = steps[stepIndex]
-        const wasPaused = ref.current.paused
-        ref.current.src = getSrc(newStep)
-        ref.current.currentTime = videoTime
-        if (wasPaused) {
-          ref.current.pause()
-        } else {
-          ref.current.play()
-        }
-        setState({ stepIndex, videoTime })
-        onStepChange(stepIndex)
-        onTimeChange(videoTime, timeRef.current)
-      },
-      pause: () => {
-        ref.current.pause()
-      },
-      play: () => {
-        ref.current.play()
-      },
-    }),
-    [onStepChange, onTimeChange]
-  )
-
-  const currentStep = steps[state.stepIndex]
-  const nextStep = steps[state.stepIndex + 1]
-  const prevStep = steps[state.stepIndex - 1]
-
-  useAnimationFrame(() => {
-    const time = ref.current.currentTime
-    if (time != timeRef.current) {
-      onTimeChange(time, timeRef.current)
-      timeRef.current = time
-    }
-  }, [onTimeChange])
-
-  const changeStep = () => {
-    const video = ref.current
-    const nextVideo = nextRef.current
-    if (video.currentTime > currentStep.end && nextVideo) {
-      nextVideo.play()
-      setState({
-        stepIndex: state.stepIndex + 1,
-        videoTime: nextStep.start,
-      })
-      onStepChange(state.stepIndex + 1)
-    }
-  }
-
-  return (
-    <div
-      style={{ position: "relative", ...containerStyle }}
-    >
-      {prevStep && (
-        <video
-          src={getSrc(prevStep)}
-          style={{
-            ...props.style,
-            opacity: 0,
-            position: "absolute",
-            transition: "opacity 0.5s",
-            top: 0,
-            left: 0,
-          }}
-          key={state.stepIndex - 1}
-        />
-      )}
-      <video
-        {...props}
-        src={getSrc(currentStep)}
-        ref={ref}
-        key={state.stepIndex}
-        style={{
-          ...props.style,
-          opacity: 1,
-          // position: nextStep && "absolute",
-          transition: "opacity 0.3s",
-          top: 0,
-          left: 0,
-        }}
-        onPause={changeStep}
-      />
-      {nextStep && (
-        <video
-          src={getSrc(nextStep)}
-          style={{
-            ...props.style,
-            opacity: 0,
-            position: "absolute",
-            transition: "opacity 0.2s",
-            top: 0,
-            left: 0,
-          }}
-          ref={nextRef}
-          key={state.stepIndex + 1}
-        />
-      )}
-    </div>
-  )
-}
-
-function getSrc({ src, start, end }: Step) {
-  return `${src}#t=${start},${end}`
-}
-
-// TODO use the rAF from use-spring
-function useAnimationFrame(
-  callback: () => void,
-  deps: React.DependencyList = []
-) {
-  const requestRef = React.useRef<number>()
-  const previousTimeRef = React.useRef<number>()
-
-  const animate = (time: number) => {
-    if (previousTimeRef.current != undefined) {
-      callback()
-    }
-    previousTimeRef.current = time
-    requestRef.current = requestAnimationFrame(animate)
-  }
-
-  React.useEffect(() => {
-    requestRef.current = requestAnimationFrame(animate)
-    return () => cancelAnimationFrame(requestRef.current!)
-  }, deps)
-}
diff --git a/packages/player/tsconfig.json b/packages/player/tsconfig.json
deleted file mode 100644
index 8b1dd15e..00000000
--- a/packages/player/tsconfig.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "include": ["src", "types"],
-  "compilerOptions": {
-    "rootDir": "./src",
-    "baseUrl": "./",
-    "paths": {
-      "@": ["./"],
-      "*": ["src/*", "node_modules/*"]
-    }
-  }
-}
diff --git a/packages/scrollycoding/package.json b/packages/scrollycoding/package.json
deleted file mode 100644
index b19923a3..00000000
--- a/packages/scrollycoding/package.json
+++ /dev/null
@@ -1,45 +0,0 @@
-{
-  "name": "@code-hike/scrollycoding",
-  "version": "0.3.0-next.0",
-  "private": "true",
-  "main": "dist/index.cjs.js",
-  "typings": "dist/index.d.ts",
-  "module": "dist/index.esm.js",
-  "style": "dist/index.css",
-  "files": [
-    "dist"
-  ],
-  "scripts": {},
-  "devDependencies": {
-    "@code-hike/script": "0.0.1",
-    "@types/object-hash": "^1.3.4",
-    "@types/react": "^17.0.2",
-    "react": "^17.0.2"
-  },
-  "dependencies": {
-    "@code-hike/classer": "^0.3.0-next.0",
-    "@code-hike/mini-browser": "^0.3.0-next.0",
-    "@code-hike/mini-editor": "^0.3.0-next.0",
-    "@code-hike/scroller": "^0.3.0-next.0",
-    "@codesandbox/sandpack-react": "0.1.2",
-    "object-hash": "^2.1.1",
-    "server-side-media-queries-for-react": "^0.0.5"
-  },
-  "peerDependencies": {
-    "react": "^16.8.3 || ^17 || ^18"
-  },
-  "keywords": [
-    "react"
-  ],
-  "homepage": "https://codehike.org",
-  "repository": "code-hike/codehike",
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "Rodrigo Pombo",
-  "license": "MIT",
-  "funding": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/codehike"
-  }
-}
diff --git a/packages/scrollycoding/readme.md b/packages/scrollycoding/readme.md
deleted file mode 100644
index 4472b1fa..00000000
--- a/packages/scrollycoding/readme.md
+++ /dev/null
@@ -1,198 +0,0 @@
-See [codehike.org](https://codehike.org)
-
-# Scrollycoding
-
-## MDX Usage
-
-````md
-<Hike>
-
-<StepHead>
-
-```jsx App.js
-import React from "react"
-
-export default function App() {
-  return <h1>Hello World 1</h1>
-}
-```
-
-</StepHead>
-
-Step _1_ markdown.
-
-<StepHead>
-
-```jsx App.js
-import React from "react"
-
-export default function App() {
-  return <h1>Hello World 2</h1>
-}
-```
-
-</StepHead>
-
-Step **2** markdown.
-
-</Hike>
-````
-
-`<StepHead/>` marks the start of a new step. The empty lines surrounding the markdown are required.
-
-In this example we are telling Code Hike to display an `App.js` file and interpret it as `jsx` for the syntax highlighting.
-
-By default the code **needs** to be for the `App.js` file (you need to change the [preset](#presets) to use a different file). The preview will run that code and expect it to export a React component.
-
-## Step focus
-
-````md
-<StepHead focus="3[16:29],5">
-
-```jsx App.js
-import React from "react"
-
-export default function App() {
-  return <h1>Hello World 1</h1>
-}
-```
-
-</StepHead>
-
-Step _1_ markdown.
-````
-
-With the `<StepHead/>` `focus` prop you can focus different part of the code for each step.
-
-In the example above `"3[16:29],5"` means: "focus columns 16 to 29 from line 3, and line 5", more examples:
-
-- `5:10` focus lines 5,6,7,8,9 and 10
-- `1,3:5,7` focus lines 1,3,4,5 and 7
-- `2[5]` focus column 5 in line 2
-- `2[5:8]` focus columns 5, 6, 7 and 8 in line 2
-- `1,2[1,3:5,7],3` focus line 1, columns 1, 3, 4, 5 and 7 in line 2 and line 3
-
-## Focus button
-
-````md
-<StepHead>
-
-```jsx App.js
-import React from "react"
-
-export default function App() {
-  return <h1>Hello World 1</h1>
-}
-```
-
-</StepHead>
-
-This component is returning a <Focus on="4[10:31]">react element</Focus>.
-````
-
-The `<Focus/>` component adds a button that the user can click to change the focused code.
-
-## Multiple files
-
-````md
-<StepHead focus="4">
-
-```jsx App.js
-import React from "react"
-import Button from "./Button"
-
-export default function App() {
-  return <Button />
-}
-```
-
-```jsx Button.js
-import React from "react"
-
-export default function Button() {
-  return <button>hey</button>
-}
-```
-
-</StepHead>
-
-Step _1_ markdown.
-````
-
-You can have multiple files inside the `StepHead` component. By default the first listed file is the one displayed on the mini editor.
-
-## Presets
-
-If you need to include some boilerplate for all the steps, or change the styles, or add dependencies, you can override the preview preset:
-
-```js
-// preset.js
-
-export default {
-  customSetup: {
-    files: {
-      "/styles.css": {
-        code: require(`!!raw-loader!./styles.css`).default,
-      },
-    },
-    dependencies: {
-      react: "latest",
-      "react-dom": "latest",
-      "react-refresh": "latest",
-      "@babel/runtime": "latest",
-      lodash: "4.17.11",
-    },
-  },
-}
-```
-
-````md
-import preset from './preset'
-
-<Hike preset={preset}>
-
-<StepHead>
-
-```jsx App.js
-import React from "react"
-import _ from "lodash"
-
-export default function App() {
-  return <h1>{_.head([1, 2, 3])}</h1>
-}
-```
-
-</StepHead>
-
-Step _1_ markdown.
-
-</Hike>
-````
-
-## Mobile and print layouts
-
-````md
-<StepHead>
-
-```jsx App.js
-import React from "react"
-
-export default function App() {
-  return <h1>Hello</h1>
-}
-```
-
-</StepHead>
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam:
-
-<PreviewSlot/>
-
-Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
-<CodeSlot />
-
-Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-````
-
-For small screens the two columns collapse in one. By default the code and the preview won't show. You need to explicitly add them in the place you prefer for each step using `<CodeSlot/>` and/or `<PreviewSlot>`.
diff --git a/packages/scrollycoding/src/content-column.tsx b/packages/scrollycoding/src/content-column.tsx
deleted file mode 100644
index 9d16bfa0..00000000
--- a/packages/scrollycoding/src/content-column.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React from "react"
-import { useClasser } from "@code-hike/classer"
-import {
-  Scroller,
-  Step as ScrollerStep,
-} from "@code-hike/scroller"
-import { useFluidContext, HikeStep } from "./hike-context"
-import { EditorStep } from "@code-hike/mini-editor"
-
-export const StepContext = React.createContext<{
-  stepIndex: number
-  editorStep: EditorStep
-} | null>(null)
-
-export function ContentColumn({
-  steps,
-  onStepChange,
-}: {
-  steps: HikeStep[]
-  onStepChange: (index: number) => void
-}) {
-  const c = useClasser("ch")
-  const contentSteps = steps.map(s => s.content)
-  return (
-    <div className={c("hike-content")}>
-      <Scroller onStepChange={onStepChange}>
-        {contentSteps.map((children, index) => (
-          <StepContext.Provider
-            value={{
-              stepIndex: index,
-              editorStep:
-                steps[index].editorProps.contentProps,
-            }}
-            key={index}
-          >
-            <StepContent
-              children={children}
-              stepIndex={index}
-            />
-          </StepContext.Provider>
-        ))}
-      </Scroller>
-    </div>
-  )
-}
-
-function StepContent({
-  children,
-  stepIndex,
-}: {
-  children: React.ReactNode
-  stepIndex: number
-}) {
-  const c = useClasser("ch-hike-step")
-  const { dispatch, hikeState } = useFluidContext()
-  const focusStepIndex =
-    hikeState.focusStepIndex ?? hikeState.scrollStepIndex
-  const isOn = stepIndex === focusStepIndex
-  return (
-    <ScrollerStep
-      as="div"
-      index={stepIndex}
-      onClick={() =>
-        dispatch({
-          type: "set-focus",
-          stepIndex,
-          editorStep: null,
-        })
-      }
-      className={c("", isOn ? "focused" : "unfocused")}
-    >
-      {stepIndex > 0 && <div className={c("gap")} />}
-      <div
-        className={c(
-          "content",
-          isOn ? "content-focused" : "content-unfocused"
-        )}
-      >
-        {children}
-      </div>
-    </ScrollerStep>
-  )
-}
-
-export function useStepData() {
-  return React.useContext(StepContext)!
-}
diff --git a/packages/scrollycoding/src/demo-provider.tsx b/packages/scrollycoding/src/demo-provider.tsx
deleted file mode 100644
index f3d1bdaa..00000000
--- a/packages/scrollycoding/src/demo-provider.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React from "react"
-import {
-  SandpackProvider,
-  SandpackPredefinedTemplate,
-  SandpackProviderProps,
-  SandpackSetup,
-  SandpackFile,
-} from "@codesandbox/sandpack-react"
-import { EditorProps } from "./editor"
-import { PreviewProps } from "./preview"
-
-export {
-  DemoProvider,
-  PreviewPreset,
-  usePreviewProps,
-  useEditorProps,
-}
-
-interface PreviewPreset {
-  template?: SandpackPredefinedTemplate
-  customSetup?: SandpackSetup
-}
-
-type DemoProviderProps = {
-  editorProps: EditorProps
-  previewProps: PreviewProps
-  previewPreset: PreviewPreset
-  children?: React.ReactNode
-}
-
-type DemoContext = {
-  editorProps: EditorProps
-  previewProps: PreviewProps
-}
-
-export const DemoContext = React.createContext<DemoContext | null>(
-  null
-)
-
-function DemoProvider({
-  children,
-  editorProps,
-  previewProps,
-  previewPreset,
-}: DemoProviderProps) {
-  const sandpackProps = useSandpackProps(
-    previewPreset,
-    editorProps
-  )
-  const previewAndEditorProps = React.useMemo(
-    () => ({
-      previewProps,
-      editorProps,
-    }),
-    [previewProps, editorProps]
-  )
-  return (
-    <SandpackProvider {...sandpackProps}>
-      <DemoContext.Provider value={previewAndEditorProps}>
-        {children}
-      </DemoContext.Provider>
-    </SandpackProvider>
-  )
-}
-
-function useSandpackProps(
-  previewPreset: PreviewPreset,
-  editorProps: EditorProps
-): SandpackProviderProps {
-  // TODO useMemo
-  const files = {
-    ...previewPreset?.customSetup?.files,
-  } as Record<string, SandpackFile>
-  const codeFiles = editorProps?.contentProps?.files || []
-  codeFiles.forEach(file => {
-    files["/" + file.name] = {
-      code: file.code,
-    }
-  })
-
-  return {
-    recompileMode: "immediate",
-    ...previewPreset,
-    customSetup: {
-      ...previewPreset?.customSetup,
-      files,
-    },
-  }
-}
-
-function useEditorProps() {
-  return React.useContext(DemoContext)!.editorProps
-}
-function usePreviewProps() {
-  return React.useContext(DemoContext)!.previewProps
-}
diff --git a/packages/scrollycoding/src/editor.tsx b/packages/scrollycoding/src/editor.tsx
deleted file mode 100644
index a1613503..00000000
--- a/packages/scrollycoding/src/editor.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import * as React from "react"
-import {
-  MiniEditor,
-  MiniEditorProps,
-  EditorStep,
-} from "@code-hike/mini-editor"
-import { useCodeSandboxLink } from "@codesandbox/sandpack-react"
-
-export { Editor, EditorProps }
-
-type EditorProps = {
-  contentProps: EditorStep
-  frameProps: MiniEditorProps["frameProps"]
-  codeProps: MiniEditorProps["codeProps"]
-  springConfig: MiniEditorProps["springConfig"]
-}
-
-function Editor({
-  contentProps,
-  codeProps,
-  frameProps,
-  springConfig,
-}: EditorProps) {
-  const finalFrameProps = {
-    button: <CodeSandboxIcon url={useCodeSandboxLink()} />,
-    ...frameProps,
-    style: { height: "100%", ...frameProps?.style },
-  }
-  const finalCodeProps = {
-    minColumns: 46,
-    ...codeProps,
-  }
-  return (
-    <MiniEditor
-      {...contentProps}
-      frameProps={finalFrameProps}
-      codeProps={finalCodeProps}
-      springConfig={springConfig}
-    />
-  )
-}
-
-function CodeSandboxIcon({ url }: { url: string }) {
-  return (
-    <a
-      style={{ margin: "0 1em 0 1em", color: "inherit" }}
-      title="Open in CodeSandbox"
-      href={url}
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        height="1.3em"
-        width="1.3em"
-        stroke="currentColor"
-        fill="currentColor"
-        viewBox="0 0 512 512"
-        style={{ display: "block" }}
-      >
-        <path d="M234.4 452V267.5L75.6 176.1v105.2l72.7 42.2v79.1l86.1 49.4zm41.2 1.1l87.6-50.5v-81l73.2-42.4V175.3l-160.8 92.8v185zm139.6-313.2l-84.5-49-74.2 43.1-74.8-43.1-85.3 49.6 159.1 91.6 159.7-92.2zM34.4 384.7V129L256 0l221.6 128.4v255.9L256 512 34.4 384.7z"></path>
-      </svg>
-    </a>
-  )
-}
diff --git a/packages/scrollycoding/src/fixed-layout.tsx b/packages/scrollycoding/src/fixed-layout.tsx
deleted file mode 100644
index e990ecab..00000000
--- a/packages/scrollycoding/src/fixed-layout.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from "react"
-import {
-  HikeStep,
-  HikeProvider,
-  useHikeContext,
-} from "./hike-context"
-import { useClasser } from "@code-hike/classer"
-import {
-  DemoProvider,
-  useEditorProps,
-  usePreviewProps,
-} from "./demo-provider"
-import { EditorProps, Editor } from "./editor"
-import { PreviewProps, Preview } from "./preview"
-
-export { FixedLayout, CodeSlot, PreviewSlot }
-
-function FixedLayout({ steps }: { steps: HikeStep[] }) {
-  const c = useClasser("ch")
-
-  return (
-    <HikeProvider value={{ layout: "fixed" }}>
-      <section className={c("hike", "hike-fixed")}>
-        {steps.map((step, index) => (
-          <DemoProvider
-            editorProps={step.editorProps}
-            previewProps={step.previewProps}
-            previewPreset={step.previewPreset}
-            key={index}
-          >
-            <div className={c("hike-step")}>
-              {step.content}
-            </div>
-          </DemoProvider>
-        ))}
-      </section>
-    </HikeProvider>
-  )
-}
-
-function CodeSlot(props: EditorProps & { style?: any }) {
-  const { layout } = useHikeContext()
-  return layout === "fixed" ? (
-    <CodeSlotContent {...props} />
-  ) : null
-}
-
-function CodeSlotContent({
-  style,
-  ...slotProps
-}: EditorProps & { style?: any }) {
-  const c = useClasser("ch-hike")
-  const stepEditorProps = useEditorProps()
-  const props = {
-    ...stepEditorProps,
-    ...slotProps,
-  }
-  return (
-    <div className={c("step-code")} style={style}>
-      <Editor {...props} />
-    </div>
-  )
-}
-
-function PreviewSlot(
-  props: PreviewProps & { style?: any }
-) {
-  const { layout } = useHikeContext()
-  return layout === "fixed" ? (
-    <PreviewSlotContent {...props} />
-  ) : null
-}
-
-function PreviewSlotContent({
-  style,
-  ...slotProps
-}: PreviewProps) {
-  const c = useClasser("ch-hike")
-  const stepPreviewProps = usePreviewProps()
-  const props = {
-    ...stepPreviewProps,
-    ...slotProps,
-  }
-  return (
-    <div className={c("step-preview")} style={style}>
-      <Preview {...props} />
-    </div>
-  )
-}
diff --git a/packages/scrollycoding/src/fluid-layout.tsx b/packages/scrollycoding/src/fluid-layout.tsx
deleted file mode 100644
index f49bcfec..00000000
--- a/packages/scrollycoding/src/fluid-layout.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from "react"
-import { useClasser } from "@code-hike/classer"
-import { ContentColumn } from "./content-column"
-import { StickerColumn } from "./sticker-column"
-import {
-  HikeProvider,
-  HikeState,
-  HikeAction,
-  HikeStep,
-} from "./hike-context"
-import { EditorProps } from "./editor"
-
-export function FluidLayout({
-  steps,
-  noPreview = false,
-}: {
-  steps: HikeStep[]
-  noPreview: boolean
-}) {
-  const c = useClasser("ch")
-  const [state, dispatch] = React.useReducer(
-    reducer,
-    initialState
-  )
-
-  const focusStepIndex =
-    state.focusStepIndex ?? state.scrollStepIndex
-
-  const focusStep = steps[focusStepIndex]
-
-  const editorProps: EditorProps = {
-    ...focusStep.editorProps,
-    contentProps:
-      state.focusEditorStep ||
-      focusStep.editorProps.contentProps,
-  }
-  const { previewProps, previewPreset } = focusStep
-
-  const onStepChange = (newIndex: number) =>
-    dispatch({ type: "change-step", newIndex })
-
-  return (
-    <HikeProvider
-      value={{
-        layout: "fluid",
-        hikeState: state,
-        dispatch,
-      }}
-    >
-      <section className={c("hike", "hike-fluid")}>
-        <ContentColumn
-          steps={steps}
-          onStepChange={onStepChange}
-        />
-        <StickerColumn
-          previewProps={previewProps}
-          previewPreset={previewPreset}
-          editorProps={editorProps}
-          noPreview={noPreview}
-        />
-      </section>
-    </HikeProvider>
-  )
-}
-
-const initialState = {
-  scrollStepIndex: 0,
-  focusStepIndex: null,
-  focusEditorStep: null,
-}
-
-function reducer(
-  state: HikeState,
-  action: HikeAction
-): HikeState {
-  switch (action.type) {
-    case "change-step":
-      return {
-        scrollStepIndex: action.newIndex,
-        focusStepIndex: null,
-        focusEditorStep: null,
-      }
-    case "set-focus":
-      return {
-        ...state,
-        focusStepIndex: action.stepIndex,
-        focusEditorStep: action.editorStep,
-      }
-    case "reset-focus":
-      return {
-        ...state,
-        focusStepIndex: null,
-        focusEditorStep: null,
-      }
-    default:
-      throw new Error()
-  }
-}
diff --git a/packages/scrollycoding/src/focus-b.scss b/packages/scrollycoding/src/focus-b.scss
deleted file mode 100644
index d1d23a76..00000000
--- a/packages/scrollycoding/src/focus-b.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-/* focus component */
-.ch-hike-focus {
-  border: none;
-  margin: 0;
-  width: auto;
-  overflow: visible;
-
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  line-height: normal;
-  -webkit-font-smoothing: inherit;
-  -moz-osx-font-smoothing: inherit;
-  -webkit-appearance: none;
-
-  display: inline;
-  cursor: pointer;
-  border-radius: 3px;
-  box-shadow: 0 0 0 2px #e4e7eb;
-  // box-shadow: 0 0 0 2px red;
-  padding: 3px;
-  outline: none;
-}
-
-.ch-hike-focus code {
-  padding-bottom: 0;
-}
-.ch-hike-focus:hover {
-  background-color: #e4e7eb;
-}
-.ch-hike-focus-active {
-  background-color: #eef0f2;
-  box-shadow: 0 0 0 2px #708293;
-}
-.ch-hike-focus-icon {
-  color: #708293;
-  display: inline;
-  position: relative;
-  height: 0.9em;
-  top: 0.15em;
-  vertical-align: unset;
-  margin-left: 0.3ch;
-}
-
-.ch-hike-step-content {
-  margin: 0 -1.5rem 0 -1.5rem;
-  padding: 1rem 1.5rem 1rem 1.5rem;
-}
-
-@media (max-width: 920px), (print) {
-  .ch-hike-focus {
-    padding: 0;
-    background-color: unset;
-    box-shadow: none;
-  }
-  .ch-hike-focus:hover {
-    background-color: unset;
-  }
-  .ch-hike-focus-icon {
-    display: none;
-  }
-
-  .ch-hike-step-content {
-    margin: 0;
-    padding: 0;
-  }
-}
diff --git a/packages/scrollycoding/src/focus.scss b/packages/scrollycoding/src/focus.scss
deleted file mode 100644
index 019ff181..00000000
--- a/packages/scrollycoding/src/focus.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-/* focus component */
-.ch-hike-focus {
-  --icon-color: #a4aeb8;
-  // --icon-color: rgba(62, 76, 89);
-  border: none;
-  margin: 0;
-  width: auto;
-  overflow: visible;
-
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  line-height: normal;
-  -webkit-font-smoothing: inherit;
-  -moz-osx-font-smoothing: inherit;
-  -webkit-appearance: none;
-
-  display: inline;
-  cursor: pointer;
-  border-radius: 3px;
-  padding: 3px;
-  margin: -3px;
-  outline: none;
-}
-
-.ch-hike-focus code {
-  padding-bottom: 0;
-}
-.ch-hike-focus:hover {
-  background-color: #e4e7eb;
-}
-.ch-hike-focus-active,
-.ch-hike-focus-active:hover {
-  --icon-color: #81d8f7;
-  background-color: #81d8f766;
-
-  --icon-color: #252526;
-  background-color: #252526;
-  color: #fafafa;
-  // color: #81d8f7;
-  // box-shadow: 0 0 0 2px #81d8f7;
-}
-
-.ch-hike-focus-icon {
-  color: var(--icon-color);
-  display: inline;
-  position: absolute;
-  height: 1em;
-  left: -18px;
-  margin-top: 0.1em;
-  vertical-align: unset;
-}
-
-@media (max-width: 920px), (print) {
-  .ch-hike-focus {
-    padding: 0;
-    margin: 0;
-    background-color: unset;
-    box-shadow: none;
-  }
-  .ch-hike-focus:hover {
-    background-color: unset;
-  }
-  .ch-hike-focus-icon {
-    display: none;
-  }
-}
diff --git a/packages/scrollycoding/src/focus.tsx b/packages/scrollycoding/src/focus.tsx
deleted file mode 100644
index 2a8ccb73..00000000
--- a/packages/scrollycoding/src/focus.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-import React from "react"
-import {
-  useHikeContext,
-  FluidHikeContext,
-} from "./hike-context"
-import { useClasser } from "@code-hike/classer"
-import { useStepData } from "./content-column"
-import { EditorStep } from "@code-hike/mini-editor"
-
-interface FocusProps {
-  children?: React.ReactNode
-  on: string
-  file?: string
-}
-
-export { Focus, withFocusHandler, AnchorOrFocus }
-
-function Focus({
-  children,
-  ...props
-}: FocusProps): JSX.Element {
-  const hikeContext = useHikeContext()
-  return hikeContext.layout === "fixed" ? (
-    (children as JSX.Element)
-  ) : (
-    <FocusButton
-      context={hikeContext}
-      children={children}
-      {...props}
-    />
-  )
-}
-
-function FocusButton({
-  children,
-  on: focus,
-  file,
-  context,
-}: FocusProps & { context: FluidHikeContext }) {
-  const c = useClasser("ch-hike")
-  const { dispatch, hikeState } = context
-
-  const [stepIndex, newEditorStep] = useEditorStep(
-    file,
-    focus
-  )
-  const oldEditorStep = hikeState.focusEditorStep
-  const isFocused = newEditorStep === oldEditorStep
-
-  return (
-    <button
-      className={c(
-        "focus",
-        isFocused ? "focus-active" : "focus-inactive"
-      )}
-      title="Show code"
-      onClick={e => {
-        isFocused
-          ? dispatch({ type: "reset-focus" })
-          : dispatch({
-              type: "set-focus",
-              stepIndex,
-              editorStep: newEditorStep,
-            })
-        e.stopPropagation()
-      }}
-    >
-      {children}
-      <Icon isFocused={isFocused} />
-    </button>
-  )
-}
-
-function Icon({ isFocused }: { isFocused: boolean }) {
-  const c = useClasser("ch-hike")
-  return (
-    <svg
-      fill="none"
-      stroke="currentColor"
-      className={c("focus-icon")}
-      viewBox="0 0 24 24"
-      aria-hidden="true"
-      focusable="false"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d={
-          isFocused
-            ? "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7"
-            : "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7"
-        }
-      />
-    </svg>
-  )
-}
-
-function useEditorStep(
-  file: string | undefined,
-  focus: string
-): [number, EditorStep] {
-  // we merge the editor state from the step with the changes
-  // requested by the Focus
-  const { stepIndex, editorStep } = useStepData()
-  return React.useMemo(() => {
-    const fileName = file || editorStep.northPanel.active
-    const fileIndex = editorStep.files.findIndex(
-      f => f.name === fileName
-    )
-    const newFiles = editorStep.files.slice()
-    newFiles[fileIndex] = { ...newFiles[fileIndex], focus }
-
-    const newEditorStep = { ...editorStep, files: newFiles }
-
-    const isInSouthPanel = editorStep.southPanel?.tabs.includes(
-      fileName
-    )
-
-    if (isInSouthPanel) {
-      newEditorStep.southPanel = {
-        ...newEditorStep.southPanel!,
-        active: fileName,
-      }
-    } else {
-      newEditorStep.northPanel = {
-        ...newEditorStep.northPanel,
-        active: fileName,
-      }
-    }
-    return [stepIndex, newEditorStep]
-  }, [file, focus])
-}
-
-function withFocusHandler(type: any = "a") {
-  function AnchorWithFocus(props: any) {
-    return <AnchorOrFocus type={type} {...props} />
-  }
-  return AnchorWithFocus
-}
-
-function AnchorOrFocus({
-  type = "a",
-  href,
-  ...props
-}: any) {
-  if (!href?.startsWith("focus://")) {
-    return React.createElement(type, { href, ...props })
-  }
-
-  const [firstPart, secondPart] = decodeURI(href)
-    .substr("focus://".length)
-    .split("#")
-  const hasFile = Boolean(secondPart)
-
-  return hasFile ? (
-    <Focus on={secondPart} file={firstPart} {...props} />
-  ) : (
-    <Focus on={firstPart} {...props} />
-  )
-}
diff --git a/packages/scrollycoding/src/hike-context.tsx b/packages/scrollycoding/src/hike-context.tsx
deleted file mode 100644
index 4f88fac3..00000000
--- a/packages/scrollycoding/src/hike-context.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from "react"
-import { EditorProps } from "./editor"
-import { PreviewProps } from "./preview"
-import { PreviewPreset } from "./demo-provider"
-import { EditorStep } from "@code-hike/mini-editor"
-
-export interface HikeState {
-  scrollStepIndex: number
-  focusEditorStep: EditorStep | null
-  focusStepIndex: number | null
-}
-
-export type HikeStep = {
-  previewProps: PreviewProps
-  editorProps: EditorProps
-  previewPreset: PreviewPreset
-  content: React.ReactNode
-}
-
-export type HikeAction =
-  | { type: "init" }
-  | {
-      type: "change-step"
-      newIndex: number
-    }
-  | {
-      type: "set-focus"
-      stepIndex: number
-      editorStep: EditorStep | null
-    }
-  | { type: "reset-focus" }
-
-type FixedHikeContext = {
-  layout: "fixed"
-}
-
-export type FluidHikeContext = {
-  layout: "fluid"
-  dispatch: React.Dispatch<HikeAction>
-  hikeState: HikeState
-}
-
-const HikeContext = React.createContext<
-  FixedHikeContext | FluidHikeContext | null
->(null)
-
-export function HikeProvider({
-  value,
-  children,
-}: {
-  value: FixedHikeContext | FluidHikeContext
-  children?: React.ReactNode
-}) {
-  return (
-    <HikeContext.Provider value={value}>
-      {children}
-    </HikeContext.Provider>
-  )
-}
-
-export function useHikeContext() {
-  return React.useContext(HikeContext)!
-}
-
-export function useFluidContext() {
-  return React.useContext(HikeContext)! as FluidHikeContext
-}
diff --git a/packages/scrollycoding/src/hike.tsx b/packages/scrollycoding/src/hike.tsx
deleted file mode 100644
index 046b1c51..00000000
--- a/packages/scrollycoding/src/hike.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import * as React from "react"
-import {
-  ClasserProvider,
-  Classes,
-} from "@code-hike/classer"
-import "./index.scss"
-import { Swap } from "server-side-media-queries-for-react"
-import { FluidLayout } from "./fluid-layout"
-import { FixedLayout } from "./fixed-layout"
-import { PreviewProps } from "./preview"
-import { PreviewPreset } from "./demo-provider"
-import { EditorProps } from "./editor"
-import { HikeStep } from "./hike-context"
-import {
-  EditorStep,
-  mdxToStep,
-} from "@code-hike/mini-editor"
-
-const StepHead: React.FC = () => null
-
-export { Hike, HikeWithSteps, StepHead }
-
-type HikeProps = {
-  classes: Classes
-  config?: {
-    noPreview?: boolean
-    breakpoint?: number
-    defaultFileName?: string
-  }
-  editorProps?: Partial<EditorProps>
-  previewProps?: Partial<PreviewProps>
-  preset?: PreviewPreset
-  children: React.ReactNode
-}
-
-function Hike({
-  classes,
-  children,
-  editorProps,
-  previewProps,
-  preset,
-  config,
-}: HikeProps) {
-  const steps = useStepsFromChildren({
-    children,
-    editorProps,
-    previewProps,
-    preset,
-    defaultFileName: config?.defaultFileName,
-  })
-  return (
-    <HikeWithSteps
-      steps={steps}
-      classes={classes}
-      config={config}
-    />
-  )
-}
-
-function HikeWithSteps({
-  classes,
-  steps,
-  config,
-}: {
-  classes?: Classes
-  steps: HikeStep[]
-  config?: { noPreview?: boolean; breakpoint?: number }
-}) {
-  return (
-    <ClasserProvider classes={classes}>
-      <Swap
-        // TODO use config.breakpoint
-        match={[
-          [
-            "(min-width: 920px)",
-            <FluidLayout
-              steps={steps}
-              noPreview={config?.noPreview || false}
-            />,
-          ],
-          ["default", <FixedLayout steps={steps} />],
-        ]}
-      />
-    </ClasserProvider>
-  )
-}
-
-function useStepsFromChildren({
-  children,
-  editorProps = {},
-  previewProps = {},
-  preset = {},
-  defaultFileName = "App.js",
-}: {
-  children: React.ReactNode
-  editorProps?: Partial<EditorProps>
-  previewProps?: Partial<PreviewProps>
-  preset?: PreviewPreset
-  defaultFileName?: string
-}): HikeStep[] {
-  // Assumes a step head like:
-  // <StepHead codeProps={{minColumns: 20}} previewProps={{zoom: 1}} editorFrameProps={{width: 200}} >
-
-  const kids = React.Children.toArray(children)
-  let prevEditorStep: EditorStep | undefined = undefined
-  const steps = [] as HikeStep[]
-
-  for (let i = 0; i < kids.length; ) {
-    const headKid = kids[i]
-    const contentKids = [] as React.ReactNode[]
-    i++
-    while (
-      i < kids.length &&
-      (kids[i] as any)?.props?.mdxType !== "StepHead"
-    ) {
-      contentKids.push(kids[i])
-      i++
-    }
-
-    const editorStep = mdxToStep(headKid, prevEditorStep, {
-      defaultFileName,
-    })
-    prevEditorStep = editorStep
-
-    const headProps = (headKid as any)?.props
-    const stepPreviewProps = headProps?.previewProps
-    const stepCodeProps = headProps?.codeProps
-    const stepFrameProps = headProps?.editorFrameProps
-
-    steps.push({
-      content: React.createElement(React.Fragment, {
-        children: contentKids,
-      }),
-      editorProps: {
-        contentProps: editorStep,
-        codeProps: {
-          ...editorProps?.codeProps,
-          ...stepCodeProps,
-        },
-        frameProps: {
-          ...editorProps?.frameProps,
-          ...stepFrameProps,
-        },
-        springConfig: editorProps?.springConfig,
-      },
-      previewPreset: preset,
-      previewProps: {
-        ...previewProps,
-        ...stepPreviewProps,
-      },
-    })
-  }
-
-  return steps
-}
diff --git a/packages/scrollycoding/src/index.scss b/packages/scrollycoding/src/index.scss
deleted file mode 100644
index 6d191e20..00000000
--- a/packages/scrollycoding/src/index.scss
+++ /dev/null
@@ -1,150 +0,0 @@
-@import "~@code-hike/mini-editor/dist/index.scss";
-@import "~@code-hike/mini-browser/dist/index.scss";
-
-.ch-hike {
-  --sp-colors-bg-default: #f8f9fb;
-  --sp-colors-fg-default: #999999;
-}
-
-.ch-hike-fluid {
-  display: flex;
-  --sticker-height: 650px;
-  --page-header-height: 0px;
-  margin: 32px 0;
-  position: relative;
-}
-
-.ch-hike-content {
-  width: 50%;
-  box-sizing: border-box;
-  padding-right: 48px;
-}
-
-/* content steps */
-.ch-hike-fluid .ch-hike-step {
-  display: flex;
-  min-height: 350px;
-  justify-content: center;
-  flex-flow: column;
-}
-
-.ch-hike-step-gap {
-  height: 3rem;
-}
-
-.ch-hike-step-content {
-  border-radius: 8px;
-  margin: 0 -1.5rem 0 -2rem;
-  padding: 1rem 1.5rem 1rem 2rem;
-  border: 1.5px solid transparent;
-}
-
-.ch-hike-step-content > :first-child {
-  margin-top: 0;
-}
-
-.ch-hike-step-content > :last-child {
-  margin-bottom: 0;
-}
-
-.ch-hike-step-content-focused {
-  // border-color: #81d8f7;
-  border-color: #252526;
-  // background-color: #fafafa;
-}
-.ch-hike-step-content-unfocused {
-  // border-color: #f5f7fa;
-}
-
-.ch-hike-sticker-column {
-  width: 50%;
-  min-width: 300px;
-}
-
-.ch-hike-sticker {
-  position: sticky;
-  top: calc(
-    50vh - var(--sticker-height) / 2 +
-      var(--page-header-height) / 2
-  );
-  margin: 0 0 0 15px;
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-}
-
-.ch-hike-editor {
-  height: 380px;
-  margin-bottom: 20px;
-}
-
-.ch-hike-preview {
-  height: 250px;
-}
-
-// .ch-hike-step-preview,
-// .ch-hike-step-code {
-//   display: none;
-// }
-
-.ch-hike-step-code {
-  display: block;
-  height: 300px;
-  margin: 30px 0;
-}
-.ch-hike-step-preview {
-  display: block;
-  height: 200px;
-  margin: 30px 0;
-}
-
-.ch-frame {
-  max-width: 400px;
-  min-width: 400px;
-  margin: 0 auto;
-}
-
-@import "focus.scss";
-@import "preview-loader.scss";
-
-// sandpack
-
-.ch-hike .sp-preview-frame {
-  height: 100%;
-  display: flex;
-}
-
-.ch-hike .sp-overlay {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  top: 0;
-  margin: 0;
-  overflow: auto;
-  height: 100%;
-  z-index: 3;
-}
-
-.ch-hike .sp-loading {
-  display: none;
-}
-
-.ch-hike .sp-error {
-  box-sizing: border-box;
-  padding: 16px;
-  white-space: pre-wrap;
-  font-family: "Fira Mono", "DejaVu Sans Mono", Menlo,
-    Consolas, "Liberation Mono", Monaco, "Lucida Console",
-    monospace;
-  background-color: rgb(255, 205, 202);
-}
-
-.ch-hike .sp-error-message {
-  color: #811e18;
-  font-size: 0.75em;
-}
-
-.ch-hike .sp-preview-iframe {
-  min-height: unset;
-}
diff --git a/packages/scrollycoding/src/index.tsx b/packages/scrollycoding/src/index.tsx
deleted file mode 100644
index 75799b60..00000000
--- a/packages/scrollycoding/src/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import * as React from "react"
-import "./index.scss"
-import { Hike, HikeWithSteps, StepHead } from "./hike"
-
-import {
-  Focus,
-  AnchorOrFocus,
-  withFocusHandler,
-} from "./focus"
-import { CodeSlot, PreviewSlot } from "./fixed-layout"
-
-export {
-  Hike,
-  HikeWithSteps,
-  Focus,
-  CodeSlot,
-  PreviewSlot,
-  StepHead,
-  AnchorOrFocus,
-  withFocusHandler,
-}
diff --git a/packages/scrollycoding/src/preview-loader.scss b/packages/scrollycoding/src/preview-loader.scss
deleted file mode 100644
index 3ae30c6a..00000000
--- a/packages/scrollycoding/src/preview-loader.scss
+++ /dev/null
@@ -1,94 +0,0 @@
-.ch-hike-loading {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  top: 0;
-  margin: 0;
-  overflow: auto;
-  height: 100%;
-
-  background-color: #f8f9fb;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 15;
-}
-
-.ch-hike-loading-cubes {
-  display: inline-block;
-  position: relative;
-  width: 80px;
-  height: 80px;
-}
-
-.ch-hike-loading-cubes div {
-  position: absolute;
-  top: 32px;
-  width: 12px;
-  height: 12px;
-  background: #757678;
-  -webkit-animation-timing-function: cubic-bezier(
-    0,
-    1,
-    1,
-    0
-  );
-  animation-timing-function: cubic-bezier(0, 1, 1, 0);
-}
-
-.ch-hike-loading-cubes div:first-child {
-  left: 8px;
-  -webkit-animation: ch-hike-grow 0.6s infinite;
-  animation: ch-hike-grow 0.6s infinite;
-}
-
-.ch-hike-loading-cubes div:nth-child(2) {
-  left: 8px;
-}
-
-.ch-hike-loading-cubes div:nth-child(2),
-.ch-hike-loading-cubes div:nth-child(3) {
-  -webkit-animation: ch-hike-move 0.6s infinite;
-  animation: ch-hike-move 0.6s infinite;
-}
-
-.ch-hike-loading-cubes div:nth-child(3) {
-  left: 32px;
-}
-
-.ch-hike-loading-cubes div:nth-child(4) {
-  left: 56px;
-  -webkit-animation: ch-hike-shrink 0.6s infinite;
-  animation: ch-hike-shrink 0.6s infinite;
-}
-
-@keyframes ch-hike-grow {
-  0% {
-    transform: scale(0);
-  }
-
-  to {
-    transform: scale(1);
-  }
-}
-
-@keyframes ch-hike-shrink {
-  0% {
-    transform: scale(1);
-  }
-
-  to {
-    transform: scale(0);
-  }
-}
-
-@keyframes ch-hike-move {
-  0% {
-    transform: translate(0);
-  }
-
-  to {
-    transform: translate(24px);
-  }
-}
diff --git a/packages/scrollycoding/src/preview.tsx b/packages/scrollycoding/src/preview.tsx
deleted file mode 100644
index f761ad5a..00000000
--- a/packages/scrollycoding/src/preview.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import * as React from "react"
-import {
-  SandpackPreview,
-  useCodeSandboxLink,
-} from "@codesandbox/sandpack-react"
-import {
-  MiniBrowser,
-  MiniBrowserProps,
-} from "@code-hike/mini-browser"
-import { useLoadingOverlayState } from "@codesandbox/sandpack-react"
-import { useClasser } from "@code-hike/classer"
-
-interface PreviewProps extends MiniBrowserProps {}
-
-export { Preview, PreviewProps }
-
-function Preview(props: PreviewProps) {
-  const link = useCodeSandboxLink()
-  const preview = React.useMemo(() => {
-    return (
-      <>
-        <LoadingOverlay />
-        <SandpackPreview
-          showNavigator={false}
-          showRefreshButton={false}
-          showOpenInCodeSandbox={false}
-          customStyle={{
-            minHeight: "unset",
-            height: "100%",
-            border: 0,
-            margin: 0,
-          }}
-        />
-      </>
-    )
-  }, [link])
-
-  return (
-    <MiniBrowser
-      url=""
-      loadUrl={link}
-      transition="slide"
-      {...props}
-      children={preview}
-    />
-  )
-}
-
-function LoadingOverlay() {
-  const c = useClasser("ch-hike")
-  const loadingOverlayState = useLoadingOverlayState()
-  return loadingOverlayState === "visible" ? (
-    <div className={c("loading")}>
-      <div className={c("loading-cubes")}>
-        <div></div>
-        <div></div>
-        <div></div>
-        <div></div>
-      </div>
-    </div>
-  ) : null
-}
diff --git a/packages/scrollycoding/src/sticker-column.tsx b/packages/scrollycoding/src/sticker-column.tsx
deleted file mode 100644
index 3a08cce3..00000000
--- a/packages/scrollycoding/src/sticker-column.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import {
-  DemoProvider,
-  PreviewPreset,
-} from "./demo-provider"
-import { EditorProps, Editor } from "./editor"
-import { PreviewProps, Preview } from "./preview"
-import { useClasser } from "@code-hike/classer"
-import React from "react"
-
-type StickerColumnProps = {
-  editorProps: EditorProps
-  previewProps: PreviewProps
-  previewPreset: PreviewPreset
-  noPreview: boolean
-}
-
-export { StickerColumn }
-
-function StickerColumn({
-  editorProps,
-  previewProps,
-  previewPreset,
-  noPreview,
-}: StickerColumnProps) {
-  const c = useClasser("ch")
-  return (
-    <aside className={c("hike-sticker-column")}>
-      <div className={c("hike-sticker")}>
-        <DemoProvider
-          editorProps={editorProps}
-          previewProps={previewProps}
-          previewPreset={previewPreset}
-        >
-          <div className={c("hike-editor")}>
-            <Editor {...editorProps} />
-          </div>
-          {noPreview || (
-            <div className={c("hike-preview")}>
-              <Preview {...previewProps} />
-            </div>
-          )}
-        </DemoProvider>
-      </div>
-    </aside>
-  )
-}
diff --git a/packages/scrollycoding/tsconfig.json b/packages/scrollycoding/tsconfig.json
deleted file mode 100644
index 8b1dd15e..00000000
--- a/packages/scrollycoding/tsconfig.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "include": ["src", "types"],
-  "compilerOptions": {
-    "rootDir": "./src",
-    "baseUrl": "./",
-    "paths": {
-      "@": ["./"],
-      "*": ["src/*", "node_modules/*"]
-    }
-  }
-}
diff --git a/packages/smooth-column/package.json b/packages/smooth-column/package.json
deleted file mode 100644
index f79c6b2f..00000000
--- a/packages/smooth-column/package.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "name": "@code-hike/smooth-column",
-  "version": "0.3.0-next.0",
-  "private": "true",
-  "main": "dist/index.cjs.js",
-  "typings": "dist/index.d.ts",
-  "module": "dist/index.esm.js",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "x": "x"
-  },
-  "devDependencies": {
-    "@code-hike/script": "0.0.1",
-    "@types/react": "^17.0.2",
-    "react": "^17.0.2"
-  },
-  "peerDependencies": {
-    "react": "^16.8.3 || ^17 || ^18"
-  },
-  "keywords": [
-    "react"
-  ],
-  "homepage": "https://codehike.org",
-  "repository": "code-hike/codehike",
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "Rodrigo Pombo",
-  "license": "MIT",
-  "funding": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/codehike"
-  }
-}
diff --git a/packages/smooth-column/readme.md b/packages/smooth-column/readme.md
deleted file mode 100644
index 2a3bd5f6..00000000
--- a/packages/smooth-column/readme.md
+++ /dev/null
@@ -1 +0,0 @@
-See [codehike.org](https://codehike.org)
diff --git a/packages/smooth-column/src/index.tsx b/packages/smooth-column/src/index.tsx
deleted file mode 100644
index d7420750..00000000
--- a/packages/smooth-column/src/index.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React from "react"
-import { useFrame, Item } from "./use-frame"
-
-export { SmoothColumn }
-
-type Props = {
-  steps: Step[]
-  padding: number
-  progress: number
-  backward?: boolean
-  style?: React.CSSProperties
-}
-
-type Step = {
-  items: Item[]
-}
-
-function SmoothColumn({
-  steps,
-  padding,
-  progress,
-  style = {},
-  backward,
-}: Props) {
-  const p = Math.min(
-    Math.max(0, progress),
-    steps.length - 1
-  )
-  const prevIndex = Math.floor(p)
-  const nextIndex = prevIndex + 1
-  const prevItems = steps[prevIndex]?.items || []
-  const nextItems = steps[nextIndex]?.items || prevItems
-
-  const { frame, height } = useFrame(
-    prevItems,
-    nextItems,
-    p % 1,
-    padding
-  )
-
-  return (
-    <div
-      style={{
-        height,
-        position: "relative",
-        ...style,
-      }}
-    >
-      {frame.map(
-        ({ item, itemHeight, translateY, opacity }, i) => (
-          <div
-            style={{
-              position: "absolute",
-              top: "50%",
-              width: "100%",
-              height: item.height,
-              transform: `translateY(${translateY}px)`,
-              opacity: opacity,
-            }}
-            key={item.id == null ? i : item.id}
-          >
-            {React.cloneElement(item.element, {
-              progress: p,
-              backward,
-              height: itemHeight,
-            })}
-          </div>
-        )
-      )}
-    </div>
-  )
-}
diff --git a/packages/smooth-column/src/use-frame.tsx b/packages/smooth-column/src/use-frame.tsx
deleted file mode 100644
index 64f0703f..00000000
--- a/packages/smooth-column/src/use-frame.tsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import React from "react"
-
-export type Item = {
-  height: number
-  id: any
-  element: React.ReactElement
-}
-
-export function useFrame(
-  prevItems: Item[],
-  nextItems: Item[],
-  progress: number,
-  padding: number
-) {
-  const getFrame = React.useMemo(
-    () => getGetFrame(prevItems, nextItems, padding),
-    [prevItems, nextItems, padding]
-  )
-  return getFrame(progress)
-}
-
-function getGetFrame(
-  prevItems: Item[],
-  nextItems: Item[],
-  padding: number
-) {
-  const currentItems = prevItems.filter(
-    prev =>
-      prev.id != null &&
-      nextItems.some(next => next.id === prev.id)
-  )
-  const exitItems = prevItems.filter(
-    prev =>
-      prev.id == null ||
-      !nextItems.some(next => next.id === prev.id)
-  )
-  const enterItems = nextItems.filter(
-    next =>
-      next.id == null ||
-      !prevItems.some(prev => prev.id === next.id)
-  )
-
-  const stayPrevHeights = currentItems.map(
-    item => item.height
-  )
-  const stayNextHeights = currentItems.map(
-    prev =>
-      nextItems.find(next => next.id === prev.id)!.height
-  )
-  const exitHeights = exitItems.map(item => item.height)
-  const enterHeights = enterItems.map(item => item.height)
-
-  const prevTops = translates(
-    [...exitHeights, ...stayPrevHeights],
-    [],
-    enterHeights,
-    padding
-  )
-  const nextTops = translates(
-    [...stayNextHeights, ...enterHeights],
-    exitHeights,
-    [],
-    padding
-  )
-
-  const prevHeight =
-    sum(prevItems.map(item => item.height)) +
-    prevItems.length * padding -
-    padding
-  const nextHeight =
-    sum(nextItems.map(item => item.height)) +
-    nextItems.length * padding -
-    padding
-
-  const height = Math.min(prevHeight, nextHeight)
-
-  const allItems = [
-    ...exitItems,
-    ...currentItems,
-    ...enterItems,
-  ]
-  const state = [
-    ...exitItems.map(() => "exit"),
-    ...currentItems.map(() => "stay"),
-    ...enterItems.map(() => "enter"),
-  ]
-  const heights = [
-    ...exitItems.map(({ height }) => [height, height]),
-    ...currentItems.map(({ id }) => [
-      prevItems.find(item => item.id === id)!.height,
-      nextItems.find(item => item.id === id)!.height,
-    ]),
-    ...enterItems.map(({ height }) => [height, height]),
-  ]
-
-  return (progress: number) => {
-    return {
-      height,
-      frame: allItems.map((item, i) => ({
-        item: item,
-        itemHeight: tween(
-          heights[i][0],
-          heights[i][1],
-          easing.easeInOutQuad(progress)
-        ),
-        translateY: tween(
-          prevTops[i],
-          nextTops[i],
-          state[i] === "stay"
-            ? easing.easeInOutQuad(progress)
-            : state[i] === "exit"
-            ? easing.easeInQuad(progress)
-            : easing.easeOutQuad(progress)
-        ),
-        opacity:
-          state[i] === "stay"
-            ? 1
-            : state[i] === "exit"
-            ? tweenOpacity(1 - progress)
-            : tweenOpacity(progress),
-      })),
-    }
-  }
-}
-
-function tweenOpacity(t: number) {
-  return Math.pow(t, 6)
-}
-
-function tween(p: number, n: number, t: number) {
-  return (n - p) * t + p
-}
-
-function translates(
-  current: number[],
-  exit: number[],
-  enter: number[],
-  padding: number
-) {
-  const total =
-    sum(current) + (current.length - 1) * padding
-  const middle = total / 2
-  let acc = -middle
-  const currentTops = current.map(h => {
-    const top = acc
-    acc += h + padding
-    return top
-  })
-
-  const exitTotal = sum(exit) + exit.length * padding
-  acc = (currentTops[0] || -200) - exitTotal
-  const exitTops = exit.map(h => {
-    const top = acc * 1.4
-    acc += h + padding
-    return top
-  })
-
-  acc = (middle || 200) + padding
-  const enterTops = enter.map(h => {
-    const top = acc * 1.4
-    acc += h + padding
-    return top
-  })
-
-  return [...exitTops, ...currentTops, ...enterTops]
-}
-
-function sum(array: number[]) {
-  return array.reduce((a, b) => a + b, 0)
-}
-
-const easing = {
-  linear: function (t: number) {
-    return t
-  },
-  easeInQuad: function (t: number) {
-    return t * t
-  },
-  easeOutQuad: function (t: number) {
-    return t * (2 - t)
-  },
-  easeInOutQuad: function (t: number) {
-    return t < 0.5
-      ? 2 * t * t
-      : 1 - Math.pow(-2 * t + 2, 2) / 2
-  },
-}
diff --git a/packages/smooth-column/tsconfig.json b/packages/smooth-column/tsconfig.json
deleted file mode 100644
index 8b1dd15e..00000000
--- a/packages/smooth-column/tsconfig.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "include": ["src", "types"],
-  "compilerOptions": {
-    "rootDir": "./src",
-    "baseUrl": "./",
-    "paths": {
-      "@": ["./"],
-      "*": ["src/*", "node_modules/*"]
-    }
-  }
-}
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 01cf05ef..dffa39d8 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -12,13 +12,9 @@
     "@code-hike/mini-browser": "0.3.0-next.0",
     "@code-hike/mini-frame": "0.3.0-next.0",
     "@code-hike/mini-terminal": "0.3.0-next.0",
-    "@code-hike/player": "0.3.0-next.0",
     "@code-hike/scroller": "0.3.0-next.0",
-    "@code-hike/scrollycoding": "0.3.0-next.0",
-    "@code-hike/sim-user": "0.3.0-next.0",
     "@code-hike/smooth-column": "0.3.0-next.0",
     "@code-hike/mdx": "0.3.0-next.0",
-    "prism-svelte": "^0.4.7",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
diff --git a/readme.md b/readme.md
index 0ef0226a..8598d8e0 100644
--- a/readme.md
+++ b/readme.md
@@ -3,40 +3,7 @@
 
 Build first-class code walkthroughs for the web. Whether you are writing blog posts, documentation, tutorials, coding videos, or any type of technical content, Code Hike helps you create a superior code reading experience.
 
-**There isn't a stable version yet**, but there's a preview version for people who want to try it out and [give feedback](https://github.com/code-hike/codehike/discussions). You can use it in any project that has MDX v2 configured. Or you can clone [this starter project](https://github.com/pomber/code-hike-sample).
-
-There are no docs yet, but you can [explore the demos](https://codehike.org/#demos) for an overview of all the features and how to use them.
-
-## How to set up Code Hike
-
-1. First you need MDX v2 (or [xdm](https://github.com/wooorm/xdm/)). See [MDX v2 docs](https://mdxjs.com/docs/getting-started/) on how to set it up.
-2. Install Code Hike remark plugin with `yarn add @code-hike/mdx@next`
-3. Add the remark plugin to the MDX loader options. This depends on the bundler or site generator you are using. It usually looks something like this:
-
-```js
-const { remarkCodeHike } = require("@code-hike/mdx");
-const theme = require("shiki/themes/monokai.json"); // any theme from shiki
-
-// ...
-// somewhere on your bundler configuration:
-//      {
-//        loader: "@mdx-js/loader",
-//        options: {
-            remarkPlugins: [[remarkCodeHike, { theme }]],
-//        },
-//      },
-// ...
-```
-
-4. Add Code Hike's CSS. Also depends on your stack. Usually you can _just_ import it:
-
-```js
-import "@code-hike/mdx/dist/index.css";
-```
-
-5. Create an mdx file and copy the code from any of the [demos](https://codehike.org/#demos) to see if it works
-
-Here is a [minimal Next.js example](https://github.com/pomber/code-hike-sample).
+**Docs: https://codehike.org/docs**
 
 ## License
 
diff --git a/scripts/rm-submodule.sh b/scripts/rm-submodule.sh
deleted file mode 100755
index c60374e0..00000000
--- a/scripts/rm-submodule.sh
+++ /dev/null
@@ -1,17 +0,0 @@
-#!/bin/bash
-
-# from https://stackoverflow.com/a/7646931/1325646
-
-# Remove config entries:
-
-git config -f .git/config --remove-section submodule.external/$1
-git config -f .gitmodules --remove-section submodule.external/$1
-git add .gitmodules
-
-# Remove directory from index:
-
-git rm --cached external/$1
-
-# Delete unused files:
-rm -rf external/$1
-rm -rf .git/modules/external/$1
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 0a5e914a..fc35cb67 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1863,207 +1863,10 @@
     exec-sh "^0.3.2"
     minimist "^1.2.0"
 
-"@code-hike/classer@^0.0.0-aa6efee":
-  version "0.0.0-e48fa74"
-  resolved "https://registry.yarnpkg.com/@code-hike/classer/-/classer-0.0.0-e48fa74.tgz#17243ca84d5af303c51e62b378e8db65e01cd3f4"
-  integrity sha512-CyPYvfl4K5Hp9uyhLhUemul56eiGOF0FNXh5ALzzK9VNhRmRmj1O0mKtLDpoccI8W90r9kQES/nW2FC8jVVieg==
-
-"@codemirror/autocomplete@^0.18.0":
-  version "0.18.3"
-  resolved "https://registry.yarnpkg.com/@codemirror/autocomplete/-/autocomplete-0.18.3.tgz#6c75904c1156e4d9a00e56b9a3e559dda6149e1e"
-  integrity sha512-XAilIpYxsessr3Zh39nc5T97Zz9wLMwQTCDlIKapm/VK3JnX1I1jkoe8JqpbyVyabVxGXpB2K88GIVS9X+nLZQ==
-  dependencies:
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/text" "^0.18.0"
-    "@codemirror/tooltip" "^0.18.4"
-    "@codemirror/view" "^0.18.0"
-    lezer-tree "^0.13.0"
-
-"@codemirror/closebrackets@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/closebrackets/-/closebrackets-0.18.0.tgz#4bd7e9227ed6e90e590fa6d289d34b0c065cb8cf"
-  integrity sha512-O1RAgUkzF4nq/B8IyXenZKZ1rJi2Mc7I6y4IhWhELiTnjyQy7YdAthTsJ40mNr8kZ6gRbasYe3K7TraITElZJA==
-  dependencies:
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/rangeset" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/text" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-
-"@codemirror/commands@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/commands/-/commands-0.18.0.tgz#10344d7d7a0fecad826e9853c1e6069d706298c6"
-  integrity sha512-4H63B4oqr8dmJ3VOKvMI7xrZIBJjAdtz3Z0V/Jt0HlIYTe76Omy4h9BS3b9EgyNaWjIO/Slz3KQPwihcC8uR5Q==
-  dependencies:
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/matchbrackets" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/text" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-    lezer-tree "^0.13.0"
-
-"@codemirror/comment@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/comment/-/comment-0.18.0.tgz#f42e3baaacbeb57f22f4a3eabe5738b3d2bca1f7"
-  integrity sha512-yb/8dz/zIzXIa00L0Ed7/R8m2FupPZux/EMquwzbAOnTNcXeeaPVcp9kEMPf85b9D82csunXXdiOSalBVGjKWQ==
-  dependencies:
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/text" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-
-"@codemirror/gutter@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/gutter/-/gutter-0.18.0.tgz#b6fb340f7cc7b4ed1a67687e145489b3ed93098d"
-  integrity sha512-9hcKzBM5EjhWwrau5Xiv0ll/yOvkgiyLnH7DTsjFCUvuyfbS45WVEMhQ6C+HfsoRVR4TJqRVLJjaIktZqaAqnw==
-  dependencies:
-    "@codemirror/rangeset" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-
-"@codemirror/highlight@^0.18.0":
-  version "0.18.3"
-  resolved "https://registry.yarnpkg.com/@codemirror/highlight/-/highlight-0.18.3.tgz#50e268630f113c322a2dc97c9f68d71934fffcb0"
-  integrity sha512-NmRmkmWl8ht6Y6Y39ghov84AMPCqhUPIH9fmILs2NaWxZFZf4jGCTzrULnmREGsTie+26+LbKUncIU+PBu1Qng==
-  dependencies:
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/rangeset" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-    lezer-tree "^0.13.0"
-    style-mod "^4.0.0"
-
-"@codemirror/history@^0.18.0":
-  version "0.18.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/history/-/history-0.18.1.tgz#853cde4b138b172235d58f945871f0fc08b7310a"
-  integrity sha512-Aad3p4zs6UYKCUMXYjh7cvPK0ajuL+rMib9yBZ61w81LLl6OkM31Xrn9J6CLJmPxCwP3OJFiqBmNSBQ05oIsTw==
-  dependencies:
-    "@codemirror/state" "^0.18.3"
-    "@codemirror/view" "^0.18.0"
-
-"@codemirror/lang-css@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-css/-/lang-css-0.18.0.tgz#f82e7d38bd84da8ffa73188f7a268aba00e63737"
-  integrity sha512-kkU4Ug387eJoCTDDkMbXrcPBMiJ0lFWbvDaFHIuJtrMgDXJzSQ/ehx6Ife5PUBfuLU/x1JQUBdmXhW1TJzfHug==
-  dependencies:
-    "@codemirror/autocomplete" "^0.18.0"
-    "@codemirror/highlight" "^0.18.0"
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    lezer-css "^0.13.0"
-
-"@codemirror/lang-html@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-html/-/lang-html-0.18.0.tgz#742c60ce2ad80af51f20a40877f1fec4c7eff2b8"
-  integrity sha512-KIY4fDV6/ZTgpVBTI2O09kefTqhfPBlaN6e7Lw1JlaYwPL4kXvfDgyWilIwwTDksiLhB8LPbpS50rh2drxpV+Q==
-  dependencies:
-    "@codemirror/autocomplete" "^0.18.0"
-    "@codemirror/highlight" "^0.18.0"
-    "@codemirror/lang-css" "^0.18.0"
-    "@codemirror/lang-javascript" "^0.18.0"
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    lezer-html "^0.13.0"
-    lezer-tree "^0.13.0"
-
-"@codemirror/lang-javascript@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-javascript/-/lang-javascript-0.18.0.tgz#e077b6601a076e1b4471c06ffc2b77dce8815c0e"
-  integrity sha512-4KOkwXED9v39c17pIWoy+WKrNAYaKnAR/RRF8QZIqpuYjnMwGTe7GxMKKdq7E557fGzCVr7m34Qy7Gkhr5B41g==
-  dependencies:
-    "@codemirror/autocomplete" "^0.18.0"
-    "@codemirror/highlight" "^0.18.0"
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/lint" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-    lezer-javascript "^0.13.0"
-
-"@codemirror/language@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/language/-/language-0.18.0.tgz#16c3beaf372d0ecfcb76d708a8f55efccaa25563"
-  integrity sha512-gryu0Sej1vG3S3njwsJ+bhz9zLoJxZ2TahLlxpqOB3uqVGZrGDyE+GmZBnA6I3hwHvaO1O4WXKScVsKoW6HqFA==
-  dependencies:
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/text" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-    lezer "^0.13.4"
-    lezer-tree "^0.13.0"
-
-"@codemirror/lint@^0.18.0":
-  version "0.18.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/lint/-/lint-0.18.1.tgz#ef5502d3bc27eaf23c670fa888bd23d09b59af55"
-  integrity sha512-2Ueg/ojU56vF5thxMdS67XQzvHNcBnPKw2zgbDVmL/Z+84SMjP7EKvHV5FlbrKFNGZiwnaAKk5MZRYUwBY3f0g==
-  dependencies:
-    "@codemirror/panel" "^0.18.1"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/tooltip" "^0.18.4"
-    "@codemirror/view" "^0.18.0"
-    crelt "^1.0.5"
-
-"@codemirror/matchbrackets@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/matchbrackets/-/matchbrackets-0.18.0.tgz#64a493090d942de19f15a9ed3cb0fa19ed55f18b"
-  integrity sha512-dPDopnZVkD54sSYdmQbyQbPdiuIA83p7XxX6Hp1ScEkOjukwCiFXiA/84x10FUTsQpUYp8bDzm7gwII119bGIw==
-  dependencies:
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-    lezer-tree "^0.13.0"
-
-"@codemirror/panel@^0.18.1":
-  version "0.18.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/panel/-/panel-0.18.1.tgz#b2179cdfb7d7c2913ba682d61d00edff160cfad0"
-  integrity sha512-5Zo9cUw0QDlFzX4nhIDYjTARPOnPk5rzxAUQo1O35kTLV+6zRh7wsGlvU7VrZnBcIoaAmHfKrZ4lt6+h7fbFGw==
-  dependencies:
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-
-"@codemirror/rangeset@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/rangeset/-/rangeset-0.18.0.tgz#8b3bec00c1cee8c3db3827a752a76819ead2dfab"
-  integrity sha512-+dpK3T6EFv2vkoAc3sTZld0N5SHZDjD3YowFYuMWn0Xw3t+u6k+JZlGBuaFTXdsLeF0auclsm0XhRUpMVuXhTg==
-  dependencies:
-    "@codemirror/state" "^0.18.0"
-
-"@codemirror/state@^0.18.0", "@codemirror/state@^0.18.3":
-  version "0.18.3"
-  resolved "https://registry.yarnpkg.com/@codemirror/state/-/state-0.18.3.tgz#f275293b077d6c3867c0343320d6b29c10e54f84"
-  integrity sha512-LQlQWFAw+OLd1ufdf8o8yU/iJd88ixw8kOQ8KgEHDZJnegJOz0NafXvkFoWPiLNaiIUxif02KlZXJAPqDThZ4g==
-  dependencies:
-    "@codemirror/text" "^0.18.0"
-
-"@codemirror/text@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/text/-/text-0.18.0.tgz#a4a98862989ccef5545e730b269136d524c6a7c7"
-  integrity sha512-HMzHNIAbjCiCf3tEJMRg6ul01KPuXxQGNiHlHgAnqPguq/CX+L4Nvj5JlWQAI91Pupk18zhmM1c6eaazX4YeTg==
-
-"@codemirror/tooltip@^0.18.4":
-  version "0.18.4"
-  resolved "https://registry.yarnpkg.com/@codemirror/tooltip/-/tooltip-0.18.4.tgz#981bc0ced792c6754148edbc1f60092f3fa54207"
-  integrity sha512-LDlDOSEfjoG24uapLN7exK3Z3JchYFKUwWqo1x/9YdlAkmD1ik7cMSQZboCquP1uJVcXhtbpKmaO6vENGVaarg==
-  dependencies:
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-
-"@codemirror/view@^0.18.0":
-  version "0.18.3"
-  resolved "https://registry.yarnpkg.com/@codemirror/view/-/view-0.18.3.tgz#31ffcd0a073124b95feac47d2a3a03bfb3546fca"
-  integrity sha512-9scPYgDoUFRjDKjClCIxPBMZuoiATn01gKGm/OqSODUcsWQ37LS9qs/gJNdrIn8gQNlzI9wNRyBck7ycZo4Rng==
-  dependencies:
-    "@codemirror/rangeset" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/text" "^0.18.0"
-    style-mod "^4.0.0"
-    w3c-keyname "^2.2.4"
-
-"@codesandbox/sandpack-client@^0.1.2":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@codesandbox/sandpack-client/-/sandpack-client-0.1.2.tgz#72be5f06cb0622872f3c40e34e05197c8aa22910"
-  integrity sha512-016Da2naknTcGiDSYLWf+wk6EtgzpNuByrsabbToXlYEvqIuV4f2+0qCd0K/BG2QyzujpJYIyv1m/vcEriRFlw==
-  dependencies:
-    codesandbox-import-utils "^1.2.3"
-    lodash.isequal "^4.5.0"
+"@code-hike/smooth-column@0.3.0-next.0":
+  version "0.3.0-next.0"
+  resolved "https://registry.yarnpkg.com/@code-hike/smooth-column/-/smooth-column-0.3.0-next.0.tgz#3578b76a8b098665454a894f9b2198e2dc8a2fba"
+  integrity sha512-K9trOEOr+rxEGVs6jZFpKLn9cXI6WaVu36Jne5VQyv9SccfF6zm8B1ToDIPwsB4QMhiotgVtVuEODLXu7smUsw==
 
 "@codesandbox/sandpack-client@^0.1.20":
   version "0.1.20"
@@ -2073,30 +1876,6 @@
     codesandbox-import-utils "^1.2.3"
     lodash.isequal "^4.5.0"
 
-"@codesandbox/sandpack-react@0.1.2":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@codesandbox/sandpack-react/-/sandpack-react-0.1.2.tgz#d1f5a9b9e6005c3a29774f699c0f75b082ea9c07"
-  integrity sha512-a2o54kNrZJxlhaHy1h33GKjnpmqKd7A81ZwAr2AJFJVElK/HY4CLihNadB2+lPwRRfJHtAVxFvVTkCO2cVK7sQ==
-  dependencies:
-    "@code-hike/classer" "^0.0.0-aa6efee"
-    "@codemirror/closebrackets" "^0.18.0"
-    "@codemirror/commands" "^0.18.0"
-    "@codemirror/comment" "^0.18.0"
-    "@codemirror/gutter" "^0.18.0"
-    "@codemirror/highlight" "^0.18.0"
-    "@codemirror/history" "^0.18.0"
-    "@codemirror/lang-css" "^0.18.0"
-    "@codemirror/lang-html" "^0.18.0"
-    "@codemirror/lang-javascript" "^0.18.0"
-    "@codemirror/language" "^0.18.0"
-    "@codemirror/matchbrackets" "^0.18.0"
-    "@codemirror/state" "^0.18.0"
-    "@codemirror/view" "^0.18.0"
-    "@codesandbox/sandpack-client" "^0.1.2"
-    codesandbox-import-util-types "^2.2.3"
-    codesandbox-import-utils "^2.2.3"
-    prism-react-renderer "^1.1.1"
-
 "@emotion/cache@^10.0.27":
   version "10.0.29"
   resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.29.tgz#87e7e64f412c060102d589fe7c6dc042e6f9d1e0"
@@ -4690,11 +4469,6 @@
   resolved "https://registry.yarnpkg.com/@types/npmlog/-/npmlog-4.1.2.tgz#d070fe6a6b78755d1092a3dc492d34c3d8f871c4"
   integrity sha512-4QQmOF5KlwfxJ5IGXFIudkeLCdMABz03RcUXu+LCb24zmln8QW6aDjuGl4d4XPVLf2j+FnjelHTP7dvceAFbhA==
 
-"@types/object-hash@^1.3.4":
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/@types/object-hash/-/object-hash-1.3.4.tgz#079ba142be65833293673254831b5e3e847fe58b"
-  integrity sha512-xFdpkAkikBgqBdG9vIlsqffDV8GpvnPEzs0IUtr1v3BEB97ijsFQ4RXVbUZwjFThhB4MDSTUfvmxUD5PGx0wXA==
-
 "@types/overlayscrollbars@^1.12.0":
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/@types/overlayscrollbars/-/overlayscrollbars-1.12.0.tgz#98456caceca8ad73bd5bb572632a585074e70764"
@@ -5884,7 +5658,7 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9"
   integrity sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==
 
-binaryextensions@2, binaryextensions@^2.1.2:
+binaryextensions@2:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/binaryextensions/-/binaryextensions-2.3.0.tgz#1d269cbf7e6243ea886aa41453c3651ccbe13c22"
   integrity sha512-nAihlQsYGyc5Bwq6+EsubvANYGExeJKHDO3RjnvwU042fawQTQfM3Kxn7IHUXQOz4bzfwsGYYHGSvXyW4zOGLg==
@@ -6773,11 +6547,6 @@ codesandbox-import-util-types@^1.3.7:
   resolved "https://registry.yarnpkg.com/codesandbox-import-util-types/-/codesandbox-import-util-types-1.3.7.tgz#7a6097e248a75424d13b06b74368cd76bd2b3e10"
   integrity sha512-8oP3emA0jyEuVOM2FBTpo/AF4C9vxHn14saVWZf2CQ/QhMtonBlNPE98ElrHkW+PFNXiO7Ad52Qr73b03n8qlA==
 
-codesandbox-import-util-types@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/codesandbox-import-util-types/-/codesandbox-import-util-types-2.2.3.tgz#b354b2f732ad130e119ebd9ead3bda3be5981a54"
-  integrity sha512-Qj00p60oNExthP2oR3vvXmUGjukij+rxJGuiaKM6tyUmSyimdZsqHI/TUvFFClAffk9s7hxGnQgWQ8KCce27qQ==
-
 codesandbox-import-utils@^1.2.3:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/codesandbox-import-utils/-/codesandbox-import-utils-1.3.8.tgz#5576786439c5f37ebd3fee5751e06027a1edef84"
@@ -6787,15 +6556,6 @@ codesandbox-import-utils@^1.2.3:
     istextorbinary "2.2.1"
     lz-string "^1.4.4"
 
-codesandbox-import-utils@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/codesandbox-import-utils/-/codesandbox-import-utils-2.2.3.tgz#f7b4801245b381cb8c90fe245e336624e19b6c84"
-  integrity sha512-ymtmcgZKU27U+nM2qUb21aO8Ut/u2S9s6KorOgG81weP+NA0UZkaHKlaRqbLJ9h4i/4FLvwmEXYAnTjNmp6ogg==
-  dependencies:
-    codesandbox-import-util-types "^2.2.3"
-    istextorbinary "^2.2.1"
-    lz-string "^1.4.4"
-
 collapse-white-space@^1.0.2:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.6.tgz#e63629c0016665792060dbbeb79c42239d2c5287"
@@ -7316,11 +7076,6 @@ create-react-context@0.3.0:
     gud "^1.0.0"
     warning "^4.0.3"
 
-crelt@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.5.tgz#57c0d52af8c859e354bace1883eb2e1eb182bb94"
-  integrity sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA==
-
 critters@^0.0.10:
   version "0.0.10"
   resolved "https://registry.yarnpkg.com/critters/-/critters-0.0.10.tgz#edd0e962fc5af6c4adb6dbf1a71bae2d3f917000"
@@ -8085,14 +7840,6 @@ editions@^1.3.3:
   resolved "https://registry.yarnpkg.com/editions/-/editions-1.3.4.tgz#3662cb592347c3168eb8e498a0ff73271d67f50b"
   integrity sha512-gzao+mxnYDzIysXKMQi/+M1mjy/rjestjg6OPoYTtI+3Izp23oiGZitsl9lPDPiTGXbcSIk1iJWhliSaglxnUg==
 
-editions@^2.2.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/editions/-/editions-2.3.1.tgz#3bc9962f1978e801312fbd0aebfed63b49bfe698"
-  integrity sha512-ptGvkwTvGdGfC0hfhKg0MT+TRLRKGtUiWGBInxOm5pz7ssADezahjCUaYuZ8Dr+C05FW0AECIIPt4WBxVINEhA==
-  dependencies:
-    errlop "^2.0.0"
-    semver "^6.3.0"
-
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -8254,11 +8001,6 @@ err-code@^2.0.2:
   resolved "https://registry.yarnpkg.com/err-code/-/err-code-2.0.3.tgz#23c2f3b756ffdfc608d30e27c9a941024807e7f9"
   integrity sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==
 
-errlop@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/errlop/-/errlop-2.2.0.tgz#1ff383f8f917ae328bebb802d6ca69666a42d21b"
-  integrity sha512-e64Qj9+4aZzjzzFpZC7p5kmm/ccCrbLhAJplhsDXQFs87XTsXwOpH4s1Io2s90Tau/8r2j9f4l/thhDevRjzxw==
-
 errno@^0.1.3, errno@~0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
@@ -11243,15 +10985,6 @@ istextorbinary@2.2.1:
     editions "^1.3.3"
     textextensions "2"
 
-istextorbinary@^2.2.1:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/istextorbinary/-/istextorbinary-2.6.0.tgz#60776315fb0fa3999add276c02c69557b9ca28ab"
-  integrity sha512-+XRlFseT8B3L9KyjxxLjfXSLMuErKDsd8DBNrsaxoViABMEZlOSCstwmw0qpoFX3+U6yWU1yhLudAe6/lETGGA==
-  dependencies:
-    binaryextensions "^2.1.2"
-    editions "^2.2.0"
-    textextensions "^2.5.0"
-
 iterate-iterator@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/iterate-iterator/-/iterate-iterator-1.0.1.tgz#1693a768c1ddd79c969051459453f082fe82e9f6"
@@ -11954,51 +11687,6 @@ levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
-lezer-css@^0.13.0:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/lezer-css/-/lezer-css-0.13.1.tgz#272582af7616318a7e0b6432fdf943c35499c96b"
-  integrity sha512-ke56tjG17IZ+EFiY50P2WinjhgZQB7OecRVZmYQbVuwv5iUdLemA4vLjaFsAbgoSg+4pfOms7Ns9nItoJcmFpg==
-  dependencies:
-    lezer "^0.13.0"
-
-lezer-html@^0.13.0:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/lezer-html/-/lezer-html-0.13.1.tgz#eb7e215fb1d18f1954d46d3c2bd43638edd76655"
-  integrity sha512-ss4/dwfT7DL/vYeFlQZi0ztXi8R+IUv6nXRHbDCRPVQL5ZnrYw1tUT7y4DvU+haXjEnuQFR70zX/6SilSdXvxA==
-  dependencies:
-    lezer "^0.13.0"
-
-lezer-javascript@^0.13.0:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/lezer-javascript/-/lezer-javascript-0.13.1.tgz#ec8be1f31ba84a3c7bdad0322b0f9b9c06da72cf"
-  integrity sha512-aECnPTtNyy7fwR36TKVx22lFP+5H1F+cAbMWkPtM95i3ShnxNzRfeZsh8VHljafsIBjLQzGlyYX0SY7gaSGk6w==
-  dependencies:
-    lezer "^0.13.0"
-
-lezer-tree@^0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/lezer-tree/-/lezer-tree-0.13.0.tgz#199757338a30e4c5ee8d9a767546d7ce8935bfbe"
-  integrity sha512-YqGD22WxQmT6np2JEX5Z+zhdBSfPEcQ8B6ct+39oLzSAHecUPUd/maN5PKNtnUZbSzd81mEx1ZqzMDA1eRSRcg==
-
-lezer-tree@^0.13.2:
-  version "0.13.2"
-  resolved "https://registry.yarnpkg.com/lezer-tree/-/lezer-tree-0.13.2.tgz#00f4671309b15c27b131f637e430ce2d4d5f7065"
-  integrity sha512-15ZxW8TxVNAOkHIo43Iouv4zbSkQQ5chQHBpwXcD2bBFz46RB4jYLEEww5l1V0xyIx9U2clSyyrLes+hAUFrGQ==
-
-lezer@^0.13.0:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/lezer/-/lezer-0.13.1.tgz#95c8a4e9ad96bae567dff477bdf93b5f1d66f87d"
-  integrity sha512-aDX9OHYWQFt3s7C0IEil//Lckxbr02dCRyxB/uTxVuZjBsNHnUJ8Y83OgDi+uNFwRsexhdoMF0/PSvmky/Fg/g==
-  dependencies:
-    lezer-tree "^0.13.0"
-
-lezer@^0.13.4:
-  version "0.13.4"
-  resolved "https://registry.yarnpkg.com/lezer/-/lezer-0.13.4.tgz#f0396a3447c7a8f40391623f3f47a4d95559c42f"
-  integrity sha512-cLQxUVY28VBBqKBt/R8CYeH57KQnIvscAnoahzvhlZTK8qxMkIyGExR6ecEpYYDX06ZhROZrEm1IiPvjLAsTig==
-  dependencies:
-    lezer-tree "^0.13.2"
-
 libnpmaccess@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-4.0.1.tgz#17e842e03bef759854adf6eb6c2ede32e782639f"
@@ -13938,11 +13626,6 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
-object-hash@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.1.1.tgz#9447d0279b4fcf80cff3259bf66a1dc73afabe09"
-  integrity sha512-VOJmgmS+7wvXf8CjbQmimtCnEx3IAoLxI3fp2fbWehxrWBcAQFbk+vcwb6vzR0VZv/eNCJ/27j151ZTwqW/JeQ==
-
 object-inspect@^1.11.0:
   version "1.11.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.11.0.tgz#9dceb146cedd4148a0d9e51ab88d34cf509922b1"
@@ -15165,16 +14848,6 @@ pretty-ms@^7.0.0:
   dependencies:
     parse-ms "^2.1.0"
 
-prism-react-renderer@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/prism-react-renderer/-/prism-react-renderer-1.1.1.tgz#1c1be61b1eb9446a146ca7a50b7bcf36f2a70a44"
-  integrity sha512-MgMhSdHuHymNRqD6KM3eGS0PNqgK9q4QF5P0yoQQvpB6jNjeSAi3jcSAz0Sua/t9fa4xDOMar9HJbLa08gl9ug==
-
-prism-svelte@^0.4.7:
-  version "0.4.7"
-  resolved "https://registry.yarnpkg.com/prism-svelte/-/prism-svelte-0.4.7.tgz#fbc6709450b4e2ed660ddb82c3718817fc584cbe"
-  integrity sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==
-
 prismjs@^1.21.0, prismjs@~1.23.0:
   version "1.23.0"
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.23.0.tgz#d3b3967f7d72440690497652a9d40ff046067f33"
@@ -16696,11 +16369,6 @@ serve-static@1.14.1:
     parseurl "~1.3.3"
     send "0.17.1"
 
-server-side-media-queries-for-react@^0.0.5:
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/server-side-media-queries-for-react/-/server-side-media-queries-for-react-0.0.5.tgz#491cac55da566a96a5bd6413129c3ea3a4fc1599"
-  integrity sha512-+CufjbncY7Lh+FuDBrCgaK/02pyaVdLXOakOBD8SpPMS9EzkuGGKsy3CNNavT0uyYpn9zwUlJwP0h1/Ng4IR+Q==
-
 set-blocking@^2.0.0, set-blocking@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
@@ -17500,11 +17168,6 @@ style-loader@^1.3.0:
     loader-utils "^2.0.0"
     schema-utils "^2.7.0"
 
-style-mod@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/style-mod/-/style-mod-4.0.0.tgz#97e7c2d68b592975f2ca7a63d0dd6fcacfe35a01"
-  integrity sha512-OPhtyEjyyN9x3nhPsu76f52yUGXiZcgvsrFVtvTkyGRQJ0XK+GPc6ov1z+lRpbeabka+MYEQxOYRnt5nF30aMw==
-
 style-to-object@0.3.0, style-to-object@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.3.0.tgz#b1b790d205991cc783801967214979ee19a76e46"
@@ -17801,7 +17464,7 @@ text-table@0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
-textextensions@2, textextensions@^2.5.0:
+textextensions@2:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/textextensions/-/textextensions-2.6.0.tgz#d7e4ab13fe54e32e08873be40d51b74229b00fc4"
   integrity sha512-49WtAWS+tcsy93dRt6P0P3AMD2m5PvXRhuEA0kaXos5ZLlujtYmpmFsB+QvWUSxE1ZsstmYXfQ7L40+EcQgpAQ==
@@ -18816,11 +18479,6 @@ w3c-hr-time@^1.0.2:
   dependencies:
     browser-process-hrtime "^1.0.0"
 
-w3c-keyname@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/w3c-keyname/-/w3c-keyname-2.2.4.tgz#4ade6916f6290224cdbd1db8ac49eab03d0eef6b"
-  integrity sha512-tOhfEwEzFLJzf6d1ZPkYfGj+FWhIpBux9ppoP3rlclw3Z0BZv3N7b7030Z1kYth+6rDuAsXUFr+d0VE6Ed1ikw==
-
 w3c-xmlserializer@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"