diff --git a/packages/editor/dist/components/button.d.ts b/packages/editor/dist/components/button.d.ts
index d585b4df9..f118730d4 100644
--- a/packages/editor/dist/components/button.d.ts
+++ b/packages/editor/dist/components/button.d.ts
@@ -1,3 +1,3 @@
///
import { ButtonProps } from "rebass";
-export declare const Button: import("react").ForwardRefExoticComponent & import("react").RefAttributes>;
+export declare const Button: import("react").ForwardRefExoticComponent & import("react").RefAttributes>;
diff --git a/packages/editor/dist/components/menu/usefocus.d.ts b/packages/editor/dist/components/menu/usefocus.d.ts
index 66f324efc..36b4ee2ca 100644
--- a/packages/editor/dist/components/menu/usefocus.d.ts
+++ b/packages/editor/dist/components/menu/usefocus.d.ts
@@ -1,3 +1,4 @@
+///
import { MenuItem } from "./types";
export declare function useFocus(items: MenuItem[], onAction: (event: KeyboardEvent) => void, onClose: (event: KeyboardEvent) => void): {
focusIndex: number;
diff --git a/packages/editor/dist/components/toggle/index.d.ts b/packages/editor/dist/components/toggle/index.d.ts
deleted file mode 100644
index 38abf648a..000000000
--- a/packages/editor/dist/components/toggle/index.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-///
-import { ToggleProps } from "react-toggle";
-import "react-toggle/style.css";
-export declare function Toggle(props: ToggleProps): JSX.Element;
diff --git a/packages/editor/dist/components/toggle/index.js b/packages/editor/dist/components/toggle/index.js
deleted file mode 100644
index 841af64ee..000000000
--- a/packages/editor/dist/components/toggle/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-var __assign = (this && this.__assign) || function () {
- __assign = Object.assign || function(t) {
- for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
- t[p] = s[p];
- }
- return t;
- };
- return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import ReactToggle from "react-toggle";
-import "react-toggle/style.css";
-var css = ".react-toggle {\n display: flex;\n align-items: center;\n }\n \n .react-toggle-thumb {\n box-shadow: none;\n }\n \n .react-toggle-track {\n width: 30px;\n height: 18px;\n }\n \n .react-toggle-thumb {\n width: 16px;\n height: 16px;\n top: 0px;\n left: 1px;\n margin-top: 1px;\n }\n \n .react-toggle--checked .react-toggle-thumb {\n left: 13px;\n border-color: var(--primary);\n }\n \n .react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {\n box-shadow: none;\n }\n \n .react-toggle--focus .react-toggle-thumb {\n box-shadow: none;\n }\n ";
-export function Toggle(props) {
- return (_jsxs(_Fragment, { children: [_jsx("style", { children: css }), _jsx(ReactToggle, __assign({ size: 20, onChange: function () { }, icons: false }, props))] }));
-}
diff --git a/packages/editor/dist/extensions/codeblock/component.d.ts b/packages/editor/dist/extensions/codeblock/component.d.ts
index e46355fa2..cb8de2a9a 100644
--- a/packages/editor/dist/extensions/codeblock/component.d.ts
+++ b/packages/editor/dist/extensions/codeblock/component.d.ts
@@ -1,5 +1,4 @@
///
-import "prism-themes/themes/prism-dracula.min.css";
import { CodeBlockAttributes } from "./code-block";
import { ReactNodeViewProps } from "../react/types";
export declare function CodeblockComponent(props: ReactNodeViewProps): JSX.Element;
diff --git a/packages/editor/dist/extensions/codeblock/component.js b/packages/editor/dist/extensions/codeblock/component.js
index 784a22df8..e40598fa4 100644
--- a/packages/editor/dist/extensions/codeblock/component.js
+++ b/packages/editor/dist/extensions/codeblock/component.js
@@ -65,7 +65,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
import { useEffect, useRef, useState } from "react";
import { isLanguageLoaded, loadLanguage } from "./loader";
import { refractor } from "refractor/lib/core";
-import "prism-themes/themes/prism-dracula.min.css";
import { Flex, Text } from "rebass";
import Languages from "./languages.json";
import { Input } from "@rebass/forms";
diff --git a/packages/editor/dist/extensions/codemark/codemark.js b/packages/editor/dist/extensions/codemark/codemark.js
index 153f554ff..964f47374 100644
--- a/packages/editor/dist/extensions/codemark/codemark.js
+++ b/packages/editor/dist/extensions/codemark/codemark.js
@@ -1,6 +1,5 @@
import { Extension } from "@tiptap/core";
import codemark from "prosemirror-codemark";
-// import "prosemirror-codemark/dist/codemark.css";
export var Codemark = Extension.create({
name: "codemarkPlugin",
addProseMirrorPlugins: function () {
diff --git a/packages/editor/dist/extensions/link/index.d.ts b/packages/editor/dist/extensions/link/index.d.ts
deleted file mode 100644
index b8304046c..000000000
--- a/packages/editor/dist/extensions/link/index.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Link } from "./link";
-export * from "./link";
-export default Link;
diff --git a/packages/editor/dist/extensions/link/index.js b/packages/editor/dist/extensions/link/index.js
deleted file mode 100644
index b8304046c..000000000
--- a/packages/editor/dist/extensions/link/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Link } from "./link";
-export * from "./link";
-export default Link;
diff --git a/packages/editor/dist/extensions/link/link.d.ts b/packages/editor/dist/extensions/link/link.d.ts
deleted file mode 100644
index 4a9b9a909..000000000
--- a/packages/editor/dist/extensions/link/link.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export declare const Link: import("@tiptap/core").Mark;
diff --git a/packages/editor/dist/extensions/link/link.js b/packages/editor/dist/extensions/link/link.js
deleted file mode 100644
index 64bb22597..000000000
--- a/packages/editor/dist/extensions/link/link.js
+++ /dev/null
@@ -1,91 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
- var m = typeof Symbol === "function" && o[Symbol.iterator];
- if (!m) return o;
- var i = m.call(o), r, ar = [], e;
- try {
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
- }
- catch (error) { e = { error: error }; }
- finally {
- try {
- if (r && !r.done && (m = i["return"])) m.call(i);
- }
- finally { if (e) throw e.error; }
- }
- return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
- if (ar || !(i in from)) {
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
- ar[i] = from[i];
- }
- }
- return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import TiptapLink from "@tiptap/extension-link";
-import { Plugin, PluginKey } from "prosemirror-state";
-import { showPopup } from "../../components/popup-presenter";
-import { ToolbarGroup } from "../../toolbar/components/toolbar-group";
-var linkHoverPluginKey = new PluginKey("linkHover");
-export var Link = TiptapLink.extend({
- addProseMirrorPlugins: function () {
- var _this = this;
- var _a;
- var linkRef = null;
- return __spreadArray(__spreadArray([], __read((((_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)) || [])), false), [
- new Plugin({
- key: linkHoverPluginKey,
- props: {
- handleDOMEvents: {
- mouseover: function (view, event) {
- var _a;
- if (event.target instanceof HTMLElement &&
- ((_a = event.target) === null || _a === void 0 ? void 0 : _a.classList.contains("ProseMirror"))) {
- return;
- }
- if (event.target instanceof HTMLElement &&
- event.target.nodeName === "A") {
- if (linkRef)
- return;
- var pos_1 = view.posAtDOM(event.target, 0);
- var node_1 = view.state.doc.nodeAt(pos_1);
- console.log(node_1, pos_1);
- if (!(node_1 === null || node_1 === void 0 ? void 0 : node_1.isText) ||
- node_1.marks.length <= 0 ||
- !node_1.marks.some(function (mark) { return mark.type === _this.type; }))
- return;
- linkRef = showPopup({
- popup: function () { return (_jsx(ToolbarGroup, { force: true, tools: ["editLink", "removeLink", "openLink"], editor: _this.editor, selectedNode: {
- node: node_1,
- from: pos_1,
- to: pos_1 + node_1.nodeSize,
- }, sx: {
- bg: "background",
- boxShadow: "menu",
- borderRadius: "default",
- p: 1,
- } })); },
- theme: _this.editor.storage.theme,
- blocking: false,
- focusOnRender: false,
- position: {
- target: event.target,
- align: "center",
- location: "top",
- isTargetAbsolute: true,
- },
- });
- }
- else if (linkRef) {
- linkRef();
- linkRef = null;
- }
- },
- },
- },
- }),
- ], false);
- },
-});
diff --git a/packages/editor/dist/extensions/math/mathinline.d.ts b/packages/editor/dist/extensions/math/mathinline.d.ts
index 7b3a718d8..515259f03 100644
--- a/packages/editor/dist/extensions/math/mathinline.d.ts
+++ b/packages/editor/dist/extensions/math/mathinline.d.ts
@@ -1,3 +1,2 @@
import { Node } from "@tiptap/core";
-import "katex/dist/katex.min.css";
export declare const MathInline: Node;
diff --git a/packages/editor/dist/extensions/math/mathinline.js b/packages/editor/dist/extensions/math/mathinline.js
index de3fc67c9..bad67778c 100644
--- a/packages/editor/dist/extensions/math/mathinline.js
+++ b/packages/editor/dist/extensions/math/mathinline.js
@@ -1,7 +1,6 @@
import { Node, mergeAttributes } from "@tiptap/core";
import { inputRules } from "prosemirror-inputrules";
import { makeInlineMathInputRule, REGEX_INLINE_MATH_DOLLARS, mathPlugin, } from "./plugin";
-import "katex/dist/katex.min.css";
export var MathInline = Node.create({
name: "math_inline",
group: "inline math",
diff --git a/packages/editor/dist/extensions/math/plugin/math-schema.d.ts b/packages/editor/dist/extensions/math/plugin/math-schema.d.ts
index 8331ba152..1bf09c98a 100644
--- a/packages/editor/dist/extensions/math/plugin/math-schema.d.ts
+++ b/packages/editor/dist/extensions/math/plugin/math-schema.d.ts
@@ -25,11 +25,11 @@ interface SchemaSpecJson extends
}
declare type MathSpecNodeT = SchemaSpecNodeT;
declare type MathSpecMarkT = SchemaSpecMarkT;
-export declare const mathSchemaSpec: SchemaSpecJson<"math_inline" | "paragraph" | "text" | "doc" | "math_display", "math_select">;
+export declare const mathSchemaSpec: SchemaSpecJson<"paragraph" | "text" | "doc" | "math_inline" | "math_display", "math_select">;
/**
* Use the prosemirror-math default SchemaSpec to create a new Schema.
*/
-export declare function createMathSchema(): Schema<"math_inline" | "paragraph" | "text" | "doc" | "math_display", "math_select">;
+export declare function createMathSchema(): Schema<"paragraph" | "text" | "doc" | "math_inline" | "math_display", "math_select">;
/**
* Create a new SchemaSpec by adding math nodes to an existing spec.
diff --git a/packages/editor/dist/extensions/table/utils/createCell.d.ts b/packages/editor/dist/extensions/table/utils/createCell.d.ts
deleted file mode 100644
index 8fd76c847..000000000
--- a/packages/editor/dist/extensions/table/utils/createCell.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import { Fragment, Node as ProsemirrorNode, NodeType } from "prosemirror-model";
-export declare function createCell(cellType: NodeType, cellContent?: Fragment | ProsemirrorNode | Array): ProsemirrorNode | null | undefined;
diff --git a/packages/editor/dist/extensions/table/utils/createCell.js b/packages/editor/dist/extensions/table/utils/createCell.js
deleted file mode 100644
index c330c52c0..000000000
--- a/packages/editor/dist/extensions/table/utils/createCell.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export function createCell(cellType, cellContent) {
- if (cellContent) {
- return cellType.createChecked(null, cellContent);
- }
- return cellType.createAndFill();
-}
diff --git a/packages/editor/dist/extensions/table/utils/createTable.d.ts b/packages/editor/dist/extensions/table/utils/createTable.d.ts
deleted file mode 100644
index 6b7f74696..000000000
--- a/packages/editor/dist/extensions/table/utils/createTable.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import { Fragment, Node as ProsemirrorNode, Schema } from "prosemirror-model";
-export declare function createTable(schema: Schema, rowsCount: number, colsCount: number, withHeaderRow: boolean, cellContent?: Fragment | ProsemirrorNode | Array): ProsemirrorNode;
diff --git a/packages/editor/dist/extensions/table/utils/createTable.js b/packages/editor/dist/extensions/table/utils/createTable.js
deleted file mode 100644
index 29d0c4681..000000000
--- a/packages/editor/dist/extensions/table/utils/createTable.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createCell } from "./createCell";
-import { getTableNodeTypes } from "./getTableNodeTypes";
-export function createTable(schema, rowsCount, colsCount, withHeaderRow, cellContent) {
- var types = getTableNodeTypes(schema);
- var headerCells = [];
- var cells = [];
- for (var index = 0; index < colsCount; index += 1) {
- var cell = createCell(types.cell, cellContent);
- if (cell) {
- cells.push(cell);
- }
- if (withHeaderRow) {
- var headerCell = createCell(types.header_cell, cellContent);
- if (headerCell) {
- headerCells.push(headerCell);
- }
- }
- }
- var rows = [];
- for (var index = 0; index < rowsCount; index += 1) {
- rows.push(types.row.createChecked(null, withHeaderRow && index === 0 ? headerCells : cells));
- }
- return types.table.createChecked(null, rows);
-}
diff --git a/packages/editor/dist/extensions/table/utils/deleteTableWhenAllCellsSelected.d.ts b/packages/editor/dist/extensions/table/utils/deleteTableWhenAllCellsSelected.d.ts
deleted file mode 100644
index db62ac4af..000000000
--- a/packages/editor/dist/extensions/table/utils/deleteTableWhenAllCellsSelected.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import { KeyboardShortcutCommand } from '@tiptap/core';
-export declare const deleteTableWhenAllCellsSelected: KeyboardShortcutCommand;
diff --git a/packages/editor/dist/extensions/table/utils/deleteTableWhenAllCellsSelected.js b/packages/editor/dist/extensions/table/utils/deleteTableWhenAllCellsSelected.js
deleted file mode 100644
index 921a5bdc4..000000000
--- a/packages/editor/dist/extensions/table/utils/deleteTableWhenAllCellsSelected.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { findParentNodeClosestToPos } from '@tiptap/core';
-import { isCellSelection } from './isCellSelection';
-export var deleteTableWhenAllCellsSelected = function (_a) {
- var editor = _a.editor;
- var selection = editor.state.selection;
- if (!isCellSelection(selection)) {
- return false;
- }
- var cellCount = 0;
- var table = findParentNodeClosestToPos(selection.ranges[0].$from, function (node) {
- return node.type.name === 'table';
- });
- table === null || table === void 0 ? void 0 : table.node.descendants(function (node) {
- if (node.type.name === 'table') {
- return false;
- }
- if (['tableCell', 'tableHeader'].includes(node.type.name)) {
- cellCount += 1;
- }
- });
- var allCellsSelected = cellCount === selection.ranges.length;
- if (!allCellsSelected) {
- return false;
- }
- editor.commands.deleteTable();
- return true;
-};
diff --git a/packages/editor/dist/extensions/table/utils/getTableNodeTypes.d.ts b/packages/editor/dist/extensions/table/utils/getTableNodeTypes.d.ts
deleted file mode 100644
index c9af32844..000000000
--- a/packages/editor/dist/extensions/table/utils/getTableNodeTypes.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { NodeType, Schema } from 'prosemirror-model';
-export declare function getTableNodeTypes(schema: Schema): {
- [key: string]: NodeType;
-};
diff --git a/packages/editor/dist/extensions/table/utils/getTableNodeTypes.js b/packages/editor/dist/extensions/table/utils/getTableNodeTypes.js
deleted file mode 100644
index ac64b7e69..000000000
--- a/packages/editor/dist/extensions/table/utils/getTableNodeTypes.js
+++ /dev/null
@@ -1,14 +0,0 @@
-export function getTableNodeTypes(schema) {
- if (schema.cached.tableNodeTypes) {
- return schema.cached.tableNodeTypes;
- }
- var roles = {};
- Object.keys(schema.nodes).forEach(function (type) {
- var nodeType = schema.nodes[type];
- if (nodeType.spec.tableRole) {
- roles[nodeType.spec.tableRole] = nodeType;
- }
- });
- schema.cached.tableNodeTypes = roles;
- return roles;
-}
diff --git a/packages/editor/dist/extensions/table/utils/isCellSelection.d.ts b/packages/editor/dist/extensions/table/utils/isCellSelection.d.ts
deleted file mode 100644
index 83cc26e57..000000000
--- a/packages/editor/dist/extensions/table/utils/isCellSelection.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import { CellSelection } from 'prosemirror-tables';
-export declare function isCellSelection(value: unknown): value is CellSelection;
diff --git a/packages/editor/dist/extensions/table/utils/isCellSelection.js b/packages/editor/dist/extensions/table/utils/isCellSelection.js
deleted file mode 100644
index a609952c8..000000000
--- a/packages/editor/dist/extensions/table/utils/isCellSelection.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import { CellSelection } from 'prosemirror-tables';
-export function isCellSelection(value) {
- return value instanceof CellSelection;
-}
diff --git a/packages/editor/dist/index.d.ts b/packages/editor/dist/index.d.ts
index b8aed820b..5faf010a1 100644
--- a/packages/editor/dist/index.d.ts
+++ b/packages/editor/dist/index.d.ts
@@ -1,3 +1,4 @@
+///
import "./extensions";
import { EditorOptions } from "@tiptap/react";
import Toolbar from "./toolbar";
diff --git a/packages/editor/dist/toolbar/floatingmenus/hover/handler.d.ts b/packages/editor/dist/toolbar/floatingmenus/hover/handler.d.ts
deleted file mode 100644
index e02fa5f5e..000000000
--- a/packages/editor/dist/toolbar/floatingmenus/hover/handler.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Editor } from "../../../types";
-export interface ElementHoverHandler {
- nodeName: T;
- handler: (editor: Editor) => void;
-}
diff --git a/packages/editor/dist/toolbar/floatingmenus/hover/handler.js b/packages/editor/dist/toolbar/floatingmenus/hover/handler.js
deleted file mode 100644
index f72411272..000000000
--- a/packages/editor/dist/toolbar/floatingmenus/hover/handler.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { useEffect } from "react";
-import { LinkHandler } from "./link";
-var elementHandlers = [LinkHandler];
-function HoverHandler(props) {
- var editor = props.editor;
- useEffect(function () {
- function onMouseOver(e) {
- var _a;
- if (!(e.target instanceof HTMLElement))
- return;
- if ((_a = e.target) === null || _a === void 0 ? void 0 : _a.classList.contains("ProseMirror"))
- return;
- var nodeName = e.target.nodeName.toLowerCase();
- var handler = elementHandlers.find(function (h) { return h.nodeName === nodeName; });
- if (!handler)
- return;
- handler.handler(editor);
- }
- window.addEventListener("mouseover", onMouseOver);
- return function () {
- window.removeEventListener("mouseover", onMouseOver);
- };
- }, []);
- return null;
-}
diff --git a/packages/editor/dist/toolbar/floatingmenus/hover/link.d.ts b/packages/editor/dist/toolbar/floatingmenus/hover/link.d.ts
deleted file mode 100644
index 13f34fc08..000000000
--- a/packages/editor/dist/toolbar/floatingmenus/hover/link.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import { ElementHoverHandler } from "./handler";
-export declare const LinkHandler: ElementHoverHandler<"a">;
diff --git a/packages/editor/dist/toolbar/floatingmenus/hover/link.js b/packages/editor/dist/toolbar/floatingmenus/hover/link.js
deleted file mode 100644
index 3ce2270bc..000000000
--- a/packages/editor/dist/toolbar/floatingmenus/hover/link.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export var LinkHandler = {
- nodeName: "a",
- handler: function (editor) { },
-};
diff --git a/packages/editor/dist/toolbar/floatingmenus/image.d.ts b/packages/editor/dist/toolbar/floatingmenus/image.d.ts
deleted file mode 100644
index 3b89cb25e..000000000
--- a/packages/editor/dist/toolbar/floatingmenus/image.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-///
-import { FloatingMenuProps } from "./types";
-export declare function ImageToolbar(props: FloatingMenuProps): JSX.Element;
diff --git a/packages/editor/dist/toolbar/floatingmenus/image.js b/packages/editor/dist/toolbar/floatingmenus/image.js
deleted file mode 100644
index 0edf71be2..000000000
--- a/packages/editor/dist/toolbar/floatingmenus/image.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ToolbarGroup } from "../components/toolbar-group";
-export function ImageToolbar(props) {
- var editor = props.editor;
- return (_jsx(ToolbarGroup, { editor: editor, tools: [
- "imageAlignLeft",
- "imageAlignCenter",
- "imageAlignRight",
- "imageProperties",
- ], sx: {
- boxShadow: "menu",
- borderRadius: "default",
- bg: "background",
- } }));
-}
diff --git a/packages/editor/dist/toolbar/popups/imageproperties.js b/packages/editor/dist/toolbar/popups/imageproperties.js
index 5a4ddf43f..dd0f37411 100644
--- a/packages/editor/dist/toolbar/popups/imageproperties.js
+++ b/packages/editor/dist/toolbar/popups/imageproperties.js
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Flex, Text } from "rebass";
import { useCallback } from "react";
import { Popup } from "../components/popup";
-import { Toggle } from "../../components/toggle";
+import { Checkbox } from "@rebass/forms";
import { InlineInput } from "../../components/inline-input";
export function ImageProperties(props) {
var height = props.height, width = props.width, float = props.float, editor = props.editor, onClose = props.onClose;
@@ -34,7 +34,7 @@ export function ImageProperties(props) {
};
editor.chain().setImageSize(size).run();
}, [width, height]);
- return (_jsx(Popup, __assign({ title: "Image properties", onClose: onClose }, { children: _jsxs(Flex, __assign({ sx: { width: ["auto", 300], flexDirection: "column", p: 1 } }, { children: [_jsxs(Flex, __assign({ sx: { justifyContent: "space-between", alignItems: "center" } }, { children: [_jsx(Text, __assign({ variant: "body" }, { children: "Floating?" })), _jsx(Toggle, { checked: float, onClick: function () {
+ return (_jsx(Popup, __assign({ title: "Image properties", onClose: onClose }, { children: _jsxs(Flex, __assign({ sx: { width: ["auto", 300], flexDirection: "column", p: 1 } }, { children: [_jsxs(Flex, __assign({ sx: { justifyContent: "space-between", alignItems: "center" } }, { children: [_jsx(Text, __assign({ variant: "body" }, { children: "Floating?" })), _jsx(Checkbox, { checked: float, onClick: function () {
return editor
.chain()
.setImageAlignment({ float: !float, align: "left" })
diff --git a/packages/editor/dist/toolbar/tools/utils.d.ts b/packages/editor/dist/toolbar/tools/utils.d.ts
index 173fe5f55..2aaf4fe1f 100644
--- a/packages/editor/dist/toolbar/tools/utils.d.ts
+++ b/packages/editor/dist/toolbar/tools/utils.d.ts
@@ -1,3 +1,4 @@
+///
import { Editor } from "@tiptap/core";
import { MenuButton } from "../../components/menu/types";
import { ToolProps } from "../types";
diff --git a/packages/editor/scripts/build.sh b/packages/editor/scripts/build.sh
index 13724fa53..48eb49d32 100755
--- a/packages/editor/scripts/build.sh
+++ b/packages/editor/scripts/build.sh
@@ -1,3 +1,5 @@
-ln -s $(realpath ./src/styles.css) $(realpath ./dist/)
+cp ./node_modules/katex/dist/katex.min.css $(realpath ./styles/)
+cp ./node_modules/prism-themes/themes/prism-dracula.min.css $(realpath ./styles/)/prism-theme.css
+ln -s $(realpath ./src/styles.css) $(realpath ./styles/)
yarn tsc --watch
\ No newline at end of file
diff --git a/packages/editor/src/components/toggle/index.tsx b/packages/editor/src/components/toggle/index.tsx
deleted file mode 100644
index 78a28dcfc..000000000
--- a/packages/editor/src/components/toggle/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import ReactToggle, { ToggleProps } from "react-toggle";
-import "react-toggle/style.css";
-
-const css = `.react-toggle {
- display: flex;
- align-items: center;
- }
-
- .react-toggle-thumb {
- box-shadow: none;
- }
-
- .react-toggle-track {
- width: 30px;
- height: 18px;
- }
-
- .react-toggle-thumb {
- width: 16px;
- height: 16px;
- top: 0px;
- left: 1px;
- margin-top: 1px;
- }
-
- .react-toggle--checked .react-toggle-thumb {
- left: 13px;
- border-color: var(--primary);
- }
-
- .react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
- box-shadow: none;
- }
-
- .react-toggle--focus .react-toggle-thumb {
- box-shadow: none;
- }
- `;
-export function Toggle(props: ToggleProps) {
- return (
- <>
-
- {}} icons={false} {...props} />
- >
- );
-}
diff --git a/packages/editor/src/extensions/code-block/component.tsx b/packages/editor/src/extensions/code-block/component.tsx
index a8aa629b7..4925a1271 100644
--- a/packages/editor/src/extensions/code-block/component.tsx
+++ b/packages/editor/src/extensions/code-block/component.tsx
@@ -1,7 +1,6 @@
import { useEffect, useRef, useState } from "react";
import { isLanguageLoaded, loadLanguage } from "./loader";
import { refractor } from "refractor/lib/core";
-import "prism-themes/themes/prism-dracula.min.css";
import { Flex, Text } from "rebass";
import Languages from "./languages.json";
import { Input } from "@rebass/forms";
diff --git a/packages/editor/src/extensions/code-mark/code-mark.ts b/packages/editor/src/extensions/code-mark/code-mark.ts
index fab58e498..d2e63535b 100644
--- a/packages/editor/src/extensions/code-mark/code-mark.ts
+++ b/packages/editor/src/extensions/code-mark/code-mark.ts
@@ -1,6 +1,5 @@
import { Extension } from "@tiptap/core";
import codemark from "prosemirror-codemark";
-// import "prosemirror-codemark/dist/codemark.css";
export const Codemark = Extension.create({
name: "codemarkPlugin",
diff --git a/packages/editor/src/extensions/math/math-inline.ts b/packages/editor/src/extensions/math/math-inline.ts
index 40ac3fd91..dd9936839 100644
--- a/packages/editor/src/extensions/math/math-inline.ts
+++ b/packages/editor/src/extensions/math/math-inline.ts
@@ -6,8 +6,6 @@ import {
mathPlugin,
} from "./plugin";
-import "katex/dist/katex.min.css";
-
export const MathInline = Node.create({
name: "math_inline",
group: "inline math",
diff --git a/packages/editor/src/toolbar/popups/embed-popup.tsx b/packages/editor/src/toolbar/popups/embed-popup.tsx
index 7fe425a39..dec62d713 100644
--- a/packages/editor/src/toolbar/popups/embed-popup.tsx
+++ b/packages/editor/src/toolbar/popups/embed-popup.tsx
@@ -1,7 +1,6 @@
import { Button, Flex, Text } from "rebass";
import { useCallback, useEffect, useState } from "react";
import { Popup } from "../components/popup";
-import { Toggle } from "../../components/toggle";
import { Input, Textarea } from "@rebass/forms";
import {
Embed,
diff --git a/packages/editor/src/toolbar/popups/image-properties.tsx b/packages/editor/src/toolbar/popups/image-properties.tsx
index 0bfd5f430..8ee81b88f 100644
--- a/packages/editor/src/toolbar/popups/image-properties.tsx
+++ b/packages/editor/src/toolbar/popups/image-properties.tsx
@@ -1,8 +1,7 @@
-import { Button, Flex, Text } from "rebass";
-import { useCallback, useEffect, useState } from "react";
+import { Flex, Text } from "rebass";
+import { useCallback } from "react";
import { Popup } from "../components/popup";
-import { Toggle } from "../../components/toggle";
-import { Input, Textarea } from "@rebass/forms";
+import { Checkbox } from "@rebass/forms";
import {
ImageAlignmentOptions,
ImageSizeOptions,
@@ -42,7 +41,7 @@ export function ImageProperties(props: ImagePropertiesProps) {
Floating?
-
editor
diff --git a/packages/editor/styles/katex.min.css b/packages/editor/styles/katex.min.css
new file mode 100644
index 000000000..f7ebca1f9
--- /dev/null
+++ b/packages/editor/styles/katex.min.css
@@ -0,0 +1 @@
+@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(fonts/KaTeX_AMS-Regular.woff2) format("woff2"),url(fonts/KaTeX_AMS-Regular.woff) format("woff"),url(fonts/KaTeX_AMS-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Bold.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Regular.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Bold.woff) format("woff"),url(fonts/KaTeX_Fraktur-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Regular.woff) format("woff"),url(fonts/KaTeX_Fraktur-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Main-Bold.woff2) format("woff2"),url(fonts/KaTeX_Main-Bold.woff) format("woff"),url(fonts/KaTeX_Main-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2"),url(fonts/KaTeX_Main-BoldItalic.woff) format("woff"),url(fonts/KaTeX_Main-BoldItalic.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Main-Italic.woff2) format("woff2"),url(fonts/KaTeX_Main-Italic.woff) format("woff"),url(fonts/KaTeX_Main-Italic.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Main-Regular.woff2) format("woff2"),url(fonts/KaTeX_Main-Regular.woff) format("woff"),url(fonts/KaTeX_Main-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2"),url(fonts/KaTeX_Math-BoldItalic.woff) format("woff"),url(fonts/KaTeX_Math-BoldItalic.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Math-Italic.woff2) format("woff2"),url(fonts/KaTeX_Math-Italic.woff) format("woff"),url(fonts/KaTeX_Math-Italic.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Bold.woff) format("woff"),url(fonts/KaTeX_SansSerif-Bold.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Italic.woff) format("woff"),url(fonts/KaTeX_SansSerif-Italic.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Regular.woff) format("woff"),url(fonts/KaTeX_SansSerif-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Script-Regular.woff2) format("woff2"),url(fonts/KaTeX_Script-Regular.woff) format("woff"),url(fonts/KaTeX_Script-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size1-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size1-Regular.woff) format("woff"),url(fonts/KaTeX_Size1-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size2-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size2-Regular.woff) format("woff"),url(fonts/KaTeX_Size2-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size3-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size3-Regular.woff) format("woff"),url(fonts/KaTeX_Size3-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size4-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size4-Regular.woff) format("woff"),url(fonts/KaTeX_Size4-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2"),url(fonts/KaTeX_Typewriter-Regular.woff) format("woff"),url(fonts/KaTeX_Typewriter-Regular.ttf) format("truetype")}.katex{text-rendering:auto;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.13.24"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
diff --git a/packages/editor/styles/prism-theme.css b/packages/editor/styles/prism-theme.css
new file mode 100644
index 000000000..663d2628c
--- /dev/null
+++ b/packages/editor/styles/prism-theme.css
@@ -0,0 +1 @@
+code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
\ No newline at end of file
diff --git a/packages/editor/dist/styles.css b/packages/editor/styles/styles.css
similarity index 100%
rename from packages/editor/dist/styles.css
rename to packages/editor/styles/styles.css