[breaking]: FreeSewing v4 (#7297)

Refer to the CHANGELOG for all info.

---------

Co-authored-by: Wouter van Wageningen <wouter.vdub@yahoo.com>
Co-authored-by: Josh Munic <jpmunic@gmail.com>
Co-authored-by: Jonathan Haas <haasjona@gmail.com>

packages/react/components/Yaml/index.mjs

@@ -0,0 +1,20 @@
+import React from 'react'
+import { Highlight } from '@freesewing/react/components/Highlight'
+import hljs from 'highlight.js/lib/common'
+import yaml from 'js-yaml'
+
+export const Yaml = (props) => {
+  let code
+  if (props.json) code = yaml.dump(JSON.parse(props.json))
+  else if (props.js) code = yaml.dump(props.js)
+  else code = props.children
+
+  return (
+    <Highlight
+      {...props}
+      language="yaml"
+      raw={hljs.highlight(code, { language: 'yaml' }).value}
+      copy={code}
+    />
+  )
+}