@soul-refiner/design-system 2.0.0-alpha.3 → 2.0.0-alpha.30

package/dist/src/components/editor/plugins/leafs/link.js

@@ -1,79 +0,0 @@
-import React__default from 'react';
-import styled from 'styled-components';
-import { useLink, PlateElement, useFloatingLinkSelectors, useFloatingLinkInsertState, useFloatingLinkInsert, useFloatingLinkEditState, useFloatingLinkEdit, FloatingLinkUrlInput, LinkOpenButton } from '@udecode/plate';
-import { Box } from '../../../atoms/box/box.js';
-import { AASansSerif } from '../../../../icons/basic/aa_sansserif.js';
-import { Link } from '../../../../icons/basic/link.js';
-import { Upload } from '../../../../icons/basic/upload.js';
-
-const LinkElement = React__default.forwardRef(({ children, ...props }, ref) => {
-    const { props: linkProps } = useLink({ element: props.element });
-    return (React__default.createElement(PlateElement, { asChild: true, ref: ref, ...linkProps, ...props },
-        React__default.createElement("a", null, children)));
-});
-const LinkFloatingMenu = ({ readOnly }) => {
-    const isEditing = useFloatingLinkSelectors().isEditing();
-    const state = useFloatingLinkInsertState();
-    const { props: insertProps, ref: insertRef, textInputProps, } = useFloatingLinkInsert(state);
-    const editState = useFloatingLinkEditState();
-    const { props: editProps, ref: editRef, editButtonProps, } = useFloatingLinkEdit(editState);
-    if (readOnly)
-        return null;
-    const input = (React__default.createElement(Box, { "$dir": "column", sx: `
-        background-color: var(--color-white);
-        gap: 16px;
-        padding: 16px;
-        border-radius: 16px;
-        box-shadow: var(--elevation-2);
-      ` },
-        React__default.createElement(Box, { "$align": "center", "$justify": "center", "$gap": 8 },
-            React__default.createElement(Box, { "$align": "center", "$justify": "center" },
-                React__default.createElement(Link, null)),
-            React__default.createElement(FloatingLinkUrlInput, { style: {
-                    border: 'none',
-                    outline: 'none',
-                    padding: '8px 12px',
-                }, placeholder: "Paste link" })),
-        React__default.createElement(Box, { "$align": "center", "$justify": "center", "$gap": 8 },
-            React__default.createElement(Box, { "$align": "center", "$justify": "center" },
-                React__default.createElement(AASansSerif, null)),
-            React__default.createElement(Input, { placeholder: "Text to display", ...textInputProps }))));
-    const editContent = isEditing ? (input) : (React__default.createElement(Box, { "$align": "center", "$justify": "center", sx: `
-        box-sizing: box-content;
-        background-color: var(--color-white);
-        gap: 8px;
-        padding: 16px;
-        border-radius: 16px;
-        box-shadow: var(--elevation-2);
-
-        a,
-        button {
-          padding: 8px 12px;
-          background-color: transparent;
-          outline: none;
-          border: none;
-          border-radius: 8px;
-          cursor: pointer;
-          width: max-content;
-          font-size: 16px;
-          line-height: 16px;
-
-          &:hover {
-            background-color: var(--color-grey-9);
-          }
-        }
-      `, "$gap": 8 },
-        React__default.createElement("button", { type: "button", ...editButtonProps }, "Edit link"),
-        React__default.createElement(LinkOpenButton, null,
-            React__default.createElement(Upload, null))));
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { ref: insertRef, ...insertProps }, input),
-        React__default.createElement("div", { ref: editRef, ...editProps }, editContent)));
-};
-const Input = styled.input.withConfig({ displayName: "Input", componentId: "sc-kq2z0o" }) `
-  border: none;
-  outline: none;
-  padding: 8px 12px;
-`;
-
-export { LinkElement, LinkFloatingMenu };

package/dist/src/components/editor/plugins/marks/marks.js

@@ -1,15 +0,0 @@
-import { createBoldPlugin, createFontBackgroundColorPlugin, createFontSizePlugin, createFontFamilyPlugin, createItalicPlugin, createStrikethroughPlugin, createSubscriptPlugin, createSuperscriptPlugin, createUnderlinePlugin } from '@udecode/plate';
-
-const marks = [
-    createBoldPlugin(),
-    createFontBackgroundColorPlugin(),
-    createFontSizePlugin(),
-    createFontFamilyPlugin(),
-    createItalicPlugin(),
-    createStrikethroughPlugin(),
-    createSubscriptPlugin(),
-    createSuperscriptPlugin(),
-    createUnderlinePlugin(),
-];
-
-export { marks };

package/dist/src/components/editor/plugins/plate.js

@@ -1,41 +0,0 @@
-import { withProps } from '@udecode/cn';
-import { PlateLeaf } from '@udecode/plate-common';
-import { LinkElement } from './leafs/link.js';
-import { ELEMENT_BUTTON } from '../constants.js';
-import { BlockquoteElement } from './blocks/blockquote.js';
-import { Button } from './blocks/buttons.js';
-import { ImageElement } from './blocks/image.js';
-import { ListElement } from './blocks/list.js';
-import { TableElement } from './blocks/table.js';
-import { TableCellElement, TableCellHeaderElement } from './blocks/table-cell.js';
-import { TableRowElement } from './blocks/table-row.js';
-import { ParagraphElement, HOneElement, HTwoElement, HThreeElement, HFourElement, HFiveElement, HSixElement } from './blocks/text.js';
-import { ELEMENT_PARAGRAPH, ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_BLOCKQUOTE, ELEMENT_LINK, ELEMENT_OL, ELEMENT_UL, ELEMENT_IMAGE, ELEMENT_TABLE, ELEMENT_TD, ELEMENT_TH, ELEMENT_TR, MARK_SUBSCRIPT, MARK_SUPERSCRIPT } from '@udecode/plate';
-
-const plateUI = {
-    [ELEMENT_PARAGRAPH]: ParagraphElement,
-    [ELEMENT_H1]: HOneElement,
-    [ELEMENT_H2]: HTwoElement,
-    [ELEMENT_H3]: HThreeElement,
-    [ELEMENT_H4]: HFourElement,
-    [ELEMENT_H5]: HFiveElement,
-    [ELEMENT_H6]: HSixElement,
-    [ELEMENT_BLOCKQUOTE]: BlockquoteElement,
-    [ELEMENT_LINK]: LinkElement,
-    [ELEMENT_OL]: withProps(ListElement, {
-        variant: ELEMENT_OL,
-    }),
-    [ELEMENT_UL]: withProps(ListElement, {
-        variant: ELEMENT_UL,
-    }),
-    [ELEMENT_IMAGE]: ImageElement,
-    [ELEMENT_BUTTON]: Button,
-    [ELEMENT_TABLE]: TableElement,
-    [ELEMENT_TD]: TableCellElement,
-    [ELEMENT_TH]: TableCellHeaderElement,
-    [ELEMENT_TR]: TableRowElement,
-    [MARK_SUBSCRIPT]: withProps(PlateLeaf, { as: 'sub' }),
-    [MARK_SUPERSCRIPT]: withProps(PlateLeaf, { as: 'sup' }),
-};
-
-export { plateUI };

package/dist/src/components/editor/plugins/utils/exitBreak.js

@@ -1,34 +0,0 @@
-import { ELEMENT_BLOCKQUOTE, ELEMENT_MEDIA, ELEMENT_MEDIA_EMBED, ELEMENT_OL, ELEMENT_UL, KEYS_HEADING } from '@udecode/plate';
-import { ELEMENT_BUTTON } from '../../constants.js';
-
-const exitBreakPlugin = {
-    options: {
-        rules: [
-            {
-                hotkey: 'mod+enter',
-            },
-            {
-                hotkey: 'mod+shift+enter',
-                before: true,
-            },
-            {
-                hotkey: 'enter',
-                query: {
-                    start: true,
-                    end: true,
-                    allow: [
-                        ELEMENT_BLOCKQUOTE,
-                        ELEMENT_BUTTON,
-                        ELEMENT_MEDIA,
-                        ELEMENT_MEDIA_EMBED,
-                        ELEMENT_OL,
-                        ELEMENT_UL,
-                        ...KEYS_HEADING,
-                    ],
-                },
-            },
-        ],
-    },
-};
-
-export { exitBreakPlugin };

package/dist/src/components/editor/plugins/utils/resetBlockType.js

@@ -1,24 +0,0 @@
-import { isBlockAboveEmpty, isSelectionAtBlockStart, ELEMENT_BLOCKQUOTE, ELEMENT_TODO_LI, ELEMENT_PARAGRAPH } from '@udecode/plate';
-
-const resetBlockTypesCommonRule = {
-    types: [ELEMENT_BLOCKQUOTE, ELEMENT_TODO_LI],
-    defaultType: ELEMENT_PARAGRAPH,
-};
-const resetBlockTypePlugin = {
-    options: {
-        rules: [
-            {
-                ...resetBlockTypesCommonRule,
-                hotkey: 'Enter',
-                predicate: isBlockAboveEmpty,
-            },
-            {
-                ...resetBlockTypesCommonRule,
-                hotkey: 'Backspace',
-                predicate: isSelectionAtBlockStart,
-            },
-        ],
-    },
-};
-
-export { resetBlockTypePlugin };

package/dist/src/components/editor/plugins/utils/selectOnBackspace.js

@@ -1,9 +0,0 @@
-import { ELEMENT_HR, ELEMENT_IMAGE, ELEMENT_MEDIA_EMBED } from '@udecode/plate';
-
-const selectOnBackspace = {
-    options: {
-        query: { allow: [ELEMENT_HR, ELEMENT_IMAGE, ELEMENT_MEDIA_EMBED] },
-    },
-};
-
-export { selectOnBackspace };

package/dist/src/components/editor/plugins/utils/softBreak.js

@@ -1,17 +0,0 @@
-import { ELEMENT_CODE_BLOCK, ELEMENT_BLOCKQUOTE, ELEMENT_TD } from '@udecode/plate';
-
-const softBreakPlugin = {
-    options: {
-        rules: [
-            { hotkey: 'shift+enter' },
-            {
-                hotkey: 'enter',
-                query: {
-                    allow: [ELEMENT_CODE_BLOCK, ELEMENT_BLOCKQUOTE, ELEMENT_TD],
-                },
-            },
-        ],
-    },
-};
-
-export { softBreakPlugin };

package/dist/src/components/editor/plugins/utils/utils.js

@@ -1,15 +0,0 @@
-import { createExitBreakPlugin, createHistoryPlugin, createResetNodePlugin, createSelectOnBackspacePlugin, createSoftBreakPlugin } from '@udecode/plate';
-import { exitBreakPlugin } from './exitBreak.js';
-import { resetBlockTypePlugin } from './resetBlockType.js';
-import { selectOnBackspace } from './selectOnBackspace.js';
-import { softBreakPlugin } from './softBreak.js';
-
-const utils = [
-    createExitBreakPlugin(exitBreakPlugin),
-    createHistoryPlugin(),
-    createResetNodePlugin(resetBlockTypePlugin),
-    createSelectOnBackspacePlugin(selectOnBackspace),
-    createSoftBreakPlugin(softBreakPlugin),
-];
-
-export { utils };

package/dist/src/components/editor/simple_editor/navbar.js

@@ -1,122 +0,0 @@
-import React__default from 'react';
-import styled from 'styled-components';
-import { useEditorRef, useMarkToolbarButtonState, MARK_BOLD, useMarkToolbarButton, MARK_ITALIC, MARK_UNDERLINE, useLinkToolbarButtonState, useLinkToolbarButton, useListToolbarButtonState, ELEMENT_OL, useListToolbarButton, ELEMENT_UL, insertImage, insertNode, ELEMENT_PARAGRAPH } from '@udecode/plate';
-import { Tooltip } from '../../feedback/tooltip/tooltip.js';
-import { AlignmentDropdown } from '../navbar/alignment_dropdown.js';
-import { StyleDropdown } from '../navbar/style_dropdown.js';
-import { Bold } from '../../../icons/basic/bold.js';
-import { Image } from '../../../icons/basic/image.js';
-import { Italic } from '../../../icons/basic/italic.js';
-import { Link } from '../../../icons/basic/link.js';
-import { ListOrdered } from '../../../icons/text/list_ordered.js';
-import { ListUnordered } from '../../../icons/text/list_unordered.js';
-import { Redo } from '../../../icons/arrow/redo.js';
-import { Underline } from '../../../icons/basic/underline.js';
-import { Undo } from '../../../icons/arrow/undo.js';
-import { MenuButton } from '../styles/menu_button.js';
-
-const EditorBar = ({ handleUploadImage }) => {
-    const editorRef = useEditorRef('main');
-    const imageRef = React__default.useRef(null);
-    const boldState = useMarkToolbarButtonState({ nodeType: MARK_BOLD });
-    const { props: { pressed: currBold, onClick: handleBold }, } = useMarkToolbarButton(boldState);
-    const italicState = useMarkToolbarButtonState({ nodeType: MARK_ITALIC });
-    const { props: { pressed: currItalic, onClick: handleItalic }, } = useMarkToolbarButton(italicState);
-    const underlineState = useMarkToolbarButtonState({
-        nodeType: MARK_UNDERLINE,
-    });
-    const { props: { pressed: currUnderline, onClick: handleUnderline }, } = useMarkToolbarButton(underlineState);
-    const linkState = useLinkToolbarButtonState();
-    const { props: { pressed: currLink, onClick: handleLink }, } = useLinkToolbarButton(linkState);
-    const orderedListState = useListToolbarButtonState({ nodeType: ELEMENT_OL });
-    const { props: { pressed: currOrderedList, onClick: handleOrderedList }, } = useListToolbarButton(orderedListState);
-    const unorderedListState = useListToolbarButtonState({
-        nodeType: ELEMENT_UL,
-    });
-    const { props: { pressed: currUnorderedList, onClick: handleUnorderedList }, } = useListToolbarButton(unorderedListState);
-    const handleImageChange = async () => {
-        const files = imageRef.current?.files;
-        if (!files)
-            return;
-        const imageurl = await handleUploadImage(files);
-        if (imageurl) {
-            insertImage(editorRef, imageurl);
-            insertNode(editorRef, {
-                type: ELEMENT_PARAGRAPH,
-                children: [{ text: ' ' }],
-            });
-        }
-    };
-    const handleRedo = () => editorRef.redo();
-    const handleUndo = () => editorRef.undo();
-    return (React__default.createElement(Menu, { "aria-label": "editor-navigation" },
-        React__default.createElement(MenuSection, null,
-            React__default.createElement(Tooltip, { content: "Undo", place: "top" },
-                React__default.createElement(MenuButton, { "$active": false, onClick: handleUndo },
-                    React__default.createElement(Undo, { size: 24, color: "grey-5" }))),
-            React__default.createElement(Tooltip, { content: "Redo", place: "top" },
-                React__default.createElement(MenuButton, { "$active": false, onClick: handleRedo },
-                    React__default.createElement(Redo, { size: 24, color: "grey-5" })))),
-        React__default.createElement(Divider, null),
-        React__default.createElement(MenuSection, null,
-            React__default.createElement(StyleDropdown, { editorRef: editorRef })),
-        React__default.createElement(Divider, null),
-        React__default.createElement(MenuSection, null,
-            React__default.createElement(MenuButton, { "$active": false, as: "div" },
-                React__default.createElement(AlignmentDropdown, { editorRef: editorRef }))),
-        React__default.createElement(Divider, null),
-        React__default.createElement(MenuSection, null,
-            React__default.createElement(Tooltip, { content: "Bold", place: "top" },
-                React__default.createElement(MenuButton, { "$active": currBold, onClick: handleBold },
-                    React__default.createElement(Bold, { size: 24, color: "grey-5" }))),
-            React__default.createElement(Tooltip, { content: "Italic", place: "top" },
-                React__default.createElement(MenuButton, { "$active": currItalic, onClick: handleItalic },
-                    React__default.createElement(Italic, { size: 24, color: "grey-5" }))),
-            React__default.createElement(Tooltip, { content: "Underline", place: "top" },
-                React__default.createElement(MenuButton, { "$active": currUnderline, onClick: handleUnderline },
-                    React__default.createElement(Underline, { size: 24, color: "grey-5" })))),
-        React__default.createElement(Divider, null),
-        React__default.createElement(MenuSection, null,
-            React__default.createElement(Tooltip, { content: "Link", place: "top" },
-                React__default.createElement(MenuButton, { "$active": currLink, onClick: handleLink },
-                    React__default.createElement(Link, { size: 24, color: "grey-5" }))),
-            React__default.createElement(Tooltip, { content: "Image", place: "top" },
-                React__default.createElement(MenuButton, { "$active": false, as: "label", onChange: handleImageChange },
-                    React__default.createElement("div", null,
-                        React__default.createElement("input", { accept: "image/*", ref: imageRef, style: { display: 'none' }, type: "file" }),
-                        React__default.createElement(Image, { size: 24, color: "grey-5" }))))),
-        React__default.createElement(Divider, null),
-        React__default.createElement(MenuSection, null,
-            React__default.createElement(Tooltip, { content: "Unordered List", place: "top" },
-                React__default.createElement(MenuButton, { "$active": currUnorderedList, onClick: handleUnorderedList },
-                    React__default.createElement(ListUnordered, { size: 24, color: "grey-5" }))),
-            React__default.createElement(Tooltip, { content: "Ordered List", place: "top" },
-                React__default.createElement(MenuButton, { "$active": currOrderedList, onClick: handleOrderedList },
-                    React__default.createElement(ListOrdered, { size: 24, color: "grey-5" }))))));
-};
-const Menu = styled.nav.withConfig({ displayName: "Menu", componentId: "sc-18hwzho" }) `
-  display: flex;
-  gap: 12px;
-  justify-content: center;
-  max-width: 1200px;
-  margin: 0;
-  padding: 14px 24px;
-  background-color: var(--color-white);
-  box-sizing: border-box;
-  border-radius: 8px 8px 0px 0px;
-  box-shadow: var(--elevation-1);
-`;
-const MenuSection = styled.div.withConfig({ displayName: "MenuSection", componentId: "sc-360yvm" }) `
-  display: flex;
-  gap: 16px;
-  align-items: center;
-  width: fit-content;
-  flex-shrink: 0;
-`;
-const Divider = styled.div.withConfig({ displayName: "Divider", componentId: "sc-lfonyv" }) `
-  width: 1px;
-  height: 28px;
-  background-color: var(--color-grey-9);
-`;
-
-export { EditorBar };

package/dist/src/components/editor/simple_editor/plugins.js

@@ -1,91 +0,0 @@
-import { createPlugins, createHeadingPlugin, createImagePlugin, createTextIndentPlugin, createIndentListPlugin, ELEMENT_PARAGRAPH, ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_OL, ELEMENT_UL, createListPlugin, createMediaEmbedPlugin, createParagraphPlugin, createResetNodePlugin, createBoldPlugin, createCodePlugin, createFontBackgroundColorPlugin, createFontSizePlugin, createFontFamilyPlugin, createItalicPlugin, createStrikethroughPlugin, createSubscriptPlugin, createSuperscriptPlugin, createUnderlinePlugin, createAlignPlugin, createIndentPlugin, createLineHeightPlugin, createLinkPlugin, createExitBreakPlugin, createHistoryPlugin, createSelectOnBackspacePlugin, createSoftBreakPlugin } from '@udecode/plate';
-import { createHOnePlugin, createHTwoPlugin, createHThreePlugin, createHFourPlugin, createHFivePlugin, createHSixPlugin } from '../plugins/blocks/text.js';
-import { LinkFloatingMenu } from '../plugins/leafs/link.js';
-import { plateUI } from '../plugins/plate.js';
-import { exitBreakPlugin } from '../plugins/utils/exitBreak.js';
-import { resetBlockTypePlugin } from '../plugins/utils/resetBlockType.js';
-import { selectOnBackspace } from '../plugins/utils/selectOnBackspace.js';
-import { softBreakPlugin } from '../plugins/utils/softBreak.js';
-
-const plugins = createPlugins([
-    createHeadingPlugin(),
-    createImagePlugin({
-        options: {
-            disableUploadInsert: true,
-            disableEmbedInsert: true,
-        },
-    }),
-    createTextIndentPlugin(),
-    createIndentListPlugin({
-        inject: {
-            props: {
-                validTypes: [
-                    ELEMENT_PARAGRAPH,
-                    ELEMENT_H1,
-                    ELEMENT_H2,
-                    ELEMENT_H3,
-                    ELEMENT_H4,
-                    ELEMENT_H5,
-                    ELEMENT_H6,
-                    ELEMENT_OL,
-                    ELEMENT_UL,
-                ],
-            },
-        },
-    }),
-    createListPlugin(),
-    createMediaEmbedPlugin(),
-    createParagraphPlugin(),
-    createHOnePlugin(),
-    createHTwoPlugin(),
-    createHThreePlugin(),
-    createHFourPlugin(),
-    createHFivePlugin(),
-    createHSixPlugin(),
-    createResetNodePlugin(),
-    createBoldPlugin(),
-    createCodePlugin(),
-    createFontBackgroundColorPlugin(),
-    createFontSizePlugin(),
-    createFontFamilyPlugin(),
-    createItalicPlugin(),
-    createStrikethroughPlugin(),
-    createSubscriptPlugin(),
-    createSuperscriptPlugin(),
-    createUnderlinePlugin(),
-    createAlignPlugin({
-        inject: {
-            props: {
-                validTypes: [
-                    ELEMENT_PARAGRAPH,
-                    ELEMENT_H1,
-                    ELEMENT_H2,
-                    ELEMENT_H3,
-                    ELEMENT_H4,
-                    ELEMENT_H5,
-                    ELEMENT_H6,
-                ],
-            },
-        },
-    }),
-    createIndentPlugin({
-        inject: {
-            props: {
-                validTypes: [ELEMENT_PARAGRAPH, ELEMENT_H1],
-            },
-        },
-    }),
-    createLineHeightPlugin(),
-    createLinkPlugin({
-        renderAfterEditable: LinkFloatingMenu,
-    }),
-    createExitBreakPlugin(exitBreakPlugin),
-    createHistoryPlugin(),
-    createResetNodePlugin(resetBlockTypePlugin),
-    createSelectOnBackspacePlugin(selectOnBackspace),
-    createSoftBreakPlugin(softBreakPlugin),
-], {
-    components: plateUI,
-});
-
-export { plugins };

package/dist/src/components/editor/simple_editor/simple_editor.js

@@ -1,92 +0,0 @@
-"use client";
-import React__default from 'react';
-import styled from 'styled-components';
-import { Plate, PlateContent } from '@udecode/plate';
-import { plugins } from './plugins.js';
-import { EditorBar } from './navbar.js';
-
-const SimpleEditor = ({ editable, handleUploadImage, onChange, placeholder = '', previousContent = [
-    {
-        type: 'p',
-        children: [
-            {
-                text: '',
-            },
-        ],
-    },
-], }) => {
-    return (React__default.createElement(Plate, { id: "main", initialValue: previousContent, onChange: onChange, plugins: plugins },
-        React__default.createElement(Wrapper, null,
-            editable && React__default.createElement(EditorBar, { handleUploadImage: handleUploadImage }),
-            React__default.createElement(InnerWrapper, null,
-                React__default.createElement(PlateContent, { id: "main", autoFocus: true, placeholder: placeholder, readOnly: !editable, spellCheck: true })))));
-};
-const InnerWrapper = styled.div.withConfig({ displayName: "InnerWrapper", componentId: "sc-1ehza2k" }) `
-  & > div {
-    padding: 24px;
-    min-height: 224px;
-    box-sizing: border-box;
-
-    & > div {
-      margin: 24px 0px;
-    }
-  }
-`;
-const Wrapper = styled.div.withConfig({ displayName: "Wrapper", componentId: "sc-18lk8h1" }) `
-  position: relative;
-  max-width: 1200px;
-  width: 100%;
-  min-height: 224px;
-  border: 1px solid var(--color-grey-8);
-  border-radius: 8px;
-  background-color: var(--color-white);
-
-  * {
-    font-family: var(--font-inter);
-    outline: none;
-  }
-
-  .slate-bold {
-    font-weight: 700;
-  }
-
-  .slate-italic {
-    font-style: italic;
-  }
-
-  .slate-strikethrough {
-    text-decoration: line-through;
-  }
-
-  .slate-underline {
-    text-decoration: underline;
-  }
-
-  li {
-    margin: 8px 0px;
-    color: var(--color-grey-3);
-  }
-
-  .slate-code {
-    & > * {
-      font-family: 'Roboto Mono';
-      & > * {
-        font-family: 'Roboto Mono';
-        & > * {
-          font-family: 'Roboto Mono';
-        }
-      }
-    }
-
-    background-color: var(--color-grey-9);
-    padding: 0.4em 0.4em;
-    font-size: 0.8em;
-    line-height: 0.8em;
-  }
-
-  & > [data-slate-editor='true'] > * {
-    margin: 24px 0px;
-  }
-`;
-
-export { SimpleEditor };

package/dist/src/components/editor/styles/menu_button.js

@@ -1,34 +0,0 @@
-"use client";
-import styled from 'styled-components';
-
-const MenuButton = styled.button.withConfig({ displayName: "MenuButton", componentId: "sc-1r4gmyn" }) `
-  padding: 2px;
-  border: none;
-  outline: none;
-  cursor: pointer;
-  box-sizing: border-box;
-  height: 28px;
-  width: 28px;
-  border-radius: 2px;
-
-  &:hover:not(:disabled) {
-    padding: 1px;
-    border: 1px solid var(--color-grey-8);
-  }
-
-  &:active:not(:disabled) {
-    background-color: var(--color-grey-9);
-  }
-
-  &:disabled {
-    background-color: var(--color-white) !important;
-    cursor: initial;
-    svg {
-      fill: var(--color-grey-7) !important;
-    }
-  }
-
-  background-color: ${({ $active }) => $active ? 'var(--color-grey-9)' : 'transparent'};
-`;
-
-export { MenuButton };

package/dist/src/components/feedback/animated_toast/animated_toast.js

@@ -1,58 +0,0 @@
-"use client";
-import React__default from 'react';
-import { styled } from 'styled-components';
-import { Toast } from '../toast/toast.js';
-
-const AnimatedToast = ({ message, type, onClose, animationDuration = 4, }) => {
-    const [toastIsClosed, setToastIsClosed] = React__default.useState(false);
-    const timer = React__default.useRef(null);
-    React__default.useEffect(() => {
-        timer.current = setTimeout(() => {
-            setToastIsClosed(true);
-            !!onClose && onClose();
-        }, animationDuration * 1000);
-        return () => {
-            clearTimeout(timer.current);
-        };
-    }, [animationDuration, onClose]);
-    return (React__default.createElement(Container, null,
-        React__default.createElement(ToastAnimation, { className: `${toastIsClosed ? 'toast-closed' : ''}` },
-            React__default.createElement(Toast, { content: message, type: type, isAnimated: true, animationDuration: animationDuration }))));
-};
-const Container = styled.div.withConfig({ displayName: "Container", componentId: "sc-1tc79dg" }) `
-  position: fixed;
-  z-index: 9999;
-  bottom: 16px;
-  right: 16px;
-`;
-const ToastAnimation = styled.div.withConfig({ displayName: "ToastAnimation", componentId: "sc-5rn8x0" }) `
-  animation: slide-in 0.4s ease-in-out forwards;
-
-  &.toast-closed {
-    animation: slide-out 0.4s ease-in-out forwards;
-  }
-
-  @keyframes slide-out {
-    0% {
-      opacity: 1;
-      transform: translateX(0%);
-    }
-    100% {
-      opacity: 0;
-      transform: translateX(100%);
-    }
-  }
-
-  @keyframes slide-in {
-    0% {
-      opacity: 0;
-      transform: translateX(100%);
-    }
-    100% {
-      opacity: 1;
-      transform: translateX(0%);
-    }
-  }
-`;
-
-export { AnimatedToast };