transfer-out: transfer out

apps/docs/components/mdx-components/api-docs.tsx

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react'
+
+export function ParametersTable({ children }: { children: ReactNode }) {
+	return (
+		<table className="parametersTable">
+			<thead>
+				<tr>
+					<th>Name</th>
+					<th>Description</th>
+				</tr>
+			</thead>
+			<tbody>{children}</tbody>
+		</table>
+	)
+}
+
+export function ParametersTableRow({ children }: { children: ReactNode }) {
+	return <tr className="parametersTable-row">{children}</tr>
+}
+
+export function ParametersTableName({ children }: { children: ReactNode }) {
+	return <td className="parametersTable-name">{children}</td>
+}
+
+export function ParametersTableDescription({ children }: { children: ReactNode }) {
+	return <td className="parametersTable-description">{children}</td>
+}

apps/docs/components/mdx-components/generic.tsx

@@ -0,0 +1,124 @@
+/* ---------------------- Lists --------------------- */
+
+import { Icon } from '../Icon'
+
+export const UnorderedList = (props: any) => {
+	return <ul {...props} />
+}
+
+export const OrderedList = (props: any) => {
+	return <ol {...props} />
+}
+
+export const ListItem = (props: any) => {
+	return <li {...props} />
+}
+
+/* ------------------- Typography ------------------- */
+
+export const Heading1 = (props: any) => {
+	return <h1 {...props} />
+}
+
+export const Heading2 = (props: any) => {
+	return <h2 {...props} />
+}
+
+export const Heading3 = (props: any) => {
+	return (
+		<div className="article__title">
+			<h3 {...props} />
+			<button className="icon-button" onClick={() => window.scrollTo(0, 0)}>
+				<Icon icon="back-to-top" />
+			</button>
+		</div>
+	)
+}
+
+export const Heading4 = (props: any) => {
+	return <h4 {...props} />
+}
+
+export const Heading5 = (props: any) => {
+	return <h5 {...props} />
+}
+
+export const Heading6 = (props: any) => {
+	return <h6 {...props} />
+}
+
+export const Paragraph = (props: any) => {
+	return <p {...props} />
+}
+
+export const A = (props: any) => {
+	return <a {...props} />
+}
+
+export const Divider = (props: any) => {
+	return <hr {...props} />
+}
+
+export const Blockquote = (props: any) => {
+	return <blockquote {...props} />
+}
+
+export const Small = (props: any) => {
+	return (
+		<p className="article__small">
+			<small {...props} />
+		</p>
+	)
+}
+
+/* --------------------- Tables --------------------- */
+
+export const Table = (props: any) => {
+	return <table {...props} />
+}
+
+export const THead = (props: any) => {
+	return <thead {...props} />
+}
+
+export const TR = (props: any) => {
+	return <tr {...props} />
+}
+
+export const TD = (props: any) => {
+	return <td {...props} />
+}
+
+/* --------------------- Media --------------------- */
+
+export const Image = (props: any) => {
+	return (
+		<span className="artcle__image">
+			<img alt={props.title} {...props} />
+			{props.title && <span className="article__caption">{props.title}</span>}
+		</span>
+	)
+}
+
+export const Video = (props: any) => {
+	return (
+		<span className="artcle__video">
+			<video alt={props.title} {...props} />
+			{props.title && <span className="article__caption">{props.title}</span>}
+		</span>
+	)
+}
+
+/* ------------------- Code Blocks ------------------ */
+
+export const Pre = (props: any) => {
+	return <pre {...props} />
+}
+
+export const Code = (props: any) => {
+	return <code {...props} />
+}
+
+export const Footnotes = (props: any) => {
+	return <div {...props} />
+}

apps/docs/components/mdx-components/index.ts

@@ -0,0 +1,51 @@
+import * as customComponents from '../article-components'
+import * as apiComponents from './api-docs'
+import {
+	A,
+	Blockquote,
+	Divider,
+	Heading1,
+	Heading2,
+	Heading3,
+	Heading4,
+	Heading5,
+	Heading6,
+	Image,
+	ListItem,
+	OrderedList,
+	Paragraph,
+	Small,
+	Table,
+	TD,
+	THead,
+	TR,
+	UnorderedList,
+	Video,
+} from './generic'
+
+export const scope = {}
+
+export const components = {
+	h1: Heading1,
+	h2: Heading2,
+	h3: Heading3,
+	h4: Heading4,
+	h5: Heading5,
+	h6: Heading6,
+	blockquote: Blockquote,
+	hr: Divider,
+	a: A,
+	p: Paragraph,
+	table: Table,
+	thead: THead,
+	tr: TR,
+	td: TD,
+	video: Video,
+	ol: OrderedList,
+	ul: UnorderedList,
+	li: ListItem,
+	img: Image,
+	Small: Small,
+	...customComponents,
+	...apiComponents,
+}