sykpcomposer 0.0.4 → 0.0.6

package/dist/src/components/hooks/useModal.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+export default function useModal(): [
+    JSX.Element | null,
+    (title: string, showModal: (onClose: () => void) => JSX.Element) => void
+];

package/dist/src/components/plugins/PageMargin.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import * as React from 'react';
+interface IPageMargin {
+    isEditable: boolean;
+}
+export declare const dropDownActiveClass: (active: boolean) => "" | "active dropdown-item-active";
+declare const PageMargin: React.FC<IPageMargin>;
+export default PageMargin;

package/dist/src/components/plugins/PageMarginPlugin/CustomMarginDialog.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import * as React from "react";
+interface ICustomMargin {
+    onClose: () => void;
+}
+declare const CustomMarginDialog: React.FC<ICustomMargin>;
+export default CustomMarginDialog;

package/dist/src/components/plugins/PageMarginPlugin/index.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ReactNode } from 'react';
+import * as React from 'react';
+export type marginSizeType = {
+    normal: string;
+    narrow: string;
+    moderate: string;
+    wide: string;
+};
+export declare enum marginSize {
+    normal = "96px",
+    narrow = "48px",
+    moderate = "96px 72px",
+    wide = "96px 192px"
+}
+export declare const PageMarginContext: React.Context<{
+    margin: {
+        bottom: string;
+        left: string;
+        right: string;
+        top: string;
+    };
+    pageMarginValue: string | marginSizeType;
+    updateCustomMargin: (value: string, name: string) => void;
+    updatePageMarginValue: (value: marginSizeType | string) => void;
+}>;
+export declare const PageMarginProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const usePageMarginContext: () => {
+    margin: {
+        bottom: string;
+        left: string;
+        right: string;
+        top: string;
+    };
+    pageMarginValue: string | marginSizeType;
+    updateCustomMargin: (value: string, name: string) => void;
+    updatePageMarginValue: (value: marginSizeType | string) => void;
+};

package/dist/src/components/plugins/ToolbarPlugin/TextAlignment.d.ts

@@ -0,0 +1,8 @@
+import { ElementFormatType, LexicalEditor } from "lexical";
+declare const TextAlignment: ({ editor, value, isRTL, disabled, }: {
+    editor: LexicalEditor;
+    value: ElementFormatType;
+    isRTL: boolean;
+    disabled?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TextAlignment;

package/dist/src/components/plugins/ToolbarPlugin/fontSize.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { LexicalEditor } from "lexical";
+export default function FontSize({ selectionFontSize, editor, }: {
+    selectionFontSize: string;
+    editor: LexicalEditor;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/Button.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ReactNode } from 'react';
+export default function Button({ 'data-test-id': dataTestId, children, className, onClick, disabled, small, title, }: {
+    'data-test-id'?: string;
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onClick: () => void;
+    small?: boolean;
+    title?: string;
+}): JSX.Element;

package/dist/src/components/ui/ContentEditable.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import * as React from 'react';
+export default function LexicalContentEditable({ className, style, }: {
+    className?: string;
+    style?: React.CSSProperties;
+}): JSX.Element;

package/dist/src/components/ui/Dialog.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ReactNode } from 'react';
+type Props = Readonly<{
+    'data-test-id'?: string;
+    children: ReactNode;
+}>;
+export declare function DialogButtonsList({ children }: Props): JSX.Element;
+export declare function DialogActions({ 'data-test-id': dataTestId, children, }: Props): JSX.Element;
+export {};

package/dist/src/components/ui/Divider.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Divider(): JSX.Element;

package/dist/src/components/ui/DropDown.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import * as React from 'react';
+import { ReactNode } from 'react';
+export declare function DropDownItem({ children, className, onClick, title, }: {
+    children: React.ReactNode;
+    className: string;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    title?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default function DropDown({ disabled, buttonLabel, buttonAriaLabel, buttonClassName, buttonIconClassName, children, stopCloseOnClickSelf, }: {
+    disabled?: boolean;
+    buttonAriaLabel?: string;
+    buttonClassName: string;
+    buttonIconClassName?: string;
+    buttonLabel?: string;
+    children: ReactNode;
+    stopCloseOnClickSelf?: boolean;
+}): JSX.Element;

package/dist/src/components/ui/Modal.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ReactNode } from 'react';
+export default function Modal({ onClose, children, title, closeOnClickOutside, }: {
+    children: ReactNode;
+    closeOnClickOutside?: boolean;
+    onClose: () => void;
+    title: string;
+}): JSX.Element;

package/dist/src/components/ui/TextInput.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { HTMLInputTypeAttribute } from 'react';
+type Props = Readonly<{
+    'data-test-id'?: string;
+    label: string;
+    onChange: (val: string, name: string) => void;
+    placeholder?: string;
+    value: string;
+    type?: HTMLInputTypeAttribute;
+    name?: string;
+}>;
+export default function TextInput({ label, value, onChange, placeholder, 'data-test-id': dataTestId, type, name, }: Props): JSX.Element;
+export {};

package/dist/src/utils/getSelectedNode.d.ts

@@ -0,0 +1,2 @@
+import { ElementNode, RangeSelection, TextNode } from 'lexical';
+export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;

package/dist/src/utils/joinClasses.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export default function joinClasses(...args: Array<string | boolean | null | undefined>): string;

package/dist/style.css

@@ -1 +1 @@
-body{margin:0;background:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:sans-serif;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{margin:20px auto;border-radius:10px 10px 8px 8px;width:800px;color:#000;position:relative;line-height:20px;font-weight:400;text-align:left;border:1px solid gray}.editor-inner{background:#fff;position:relative;border-radius:0 0 10px 10px}.editor-input{margin:.67px;min-height:150px;resize:none;font-size:14.666666666666666px;caret-color:#050505;font-family:Times New Roman;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;font-family:Times New Roman;top:.67px;left:.67px;font-size:14.666666666666666px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Times New Roman;font-size:11}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:Times New Roman;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:11px;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{margin:0 0 8px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;border-top-left-radius:10px;border-top-right-radius:10px;vertical-align:middle}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#dfe8fa4d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;vertical-align:middle;font-size:11px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}i.undo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY291bnRlcmNsb2Nrd2lzZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDNhNSA1IDAgMSAxLTQuNTQ2IDIuOTE0LjUuNSAwIDAgMC0uOTA4LS40MTdBNiA2IDAgMSAwIDggMnYxeiIvPgogIDxwYXRoIGQ9Ik04IDQuNDY2Vi41MzRhLjI1LjI1IDAgMCAwLS40MS0uMTkyTDUuMjMgMi4zMDhhLjI1LjI1IDAgMCAwIDAgLjM4NGwyLjM2IDEuOTY2QS4yNS4yNSAwIDAgMCA4IDQuNDY2eiIvPgo8L3N2Zz4=)}i.redo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY2xvY2t3aXNlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggM2E1IDUgMCAxIDAgNC41NDYgMi45MTQuNS41IDAgMCAxIC45MDgtLjQxN0E2IDYgMCAxIDEgOCAydjF6Ii8+CiAgPHBhdGggZD0iTTggNC40NjZWLjUzNGEuMjUuMjUgMCAwIDEgLjQxLS4xOTJsMi4zNiAxLjk2NmMuMTIuMS4xMi4yODQgMCAuMzg0TDguNDEgNC42NThBLjI1LjI1IDAgMCAxIDggNC40NjZ6Ii8+Cjwvc3ZnPg==)}i.bold{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1ib2xkIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04LjIxIDEzYzIuMTA2IDAgMy40MTItMS4wODcgMy40MTItMi44MjMgMC0xLjMwNi0uOTg0LTIuMjgzLTIuMzI0LTIuMzg2di0uMDU1YTIuMTc2IDIuMTc2IDAgMCAwIDEuODUyLTIuMTRjMC0xLjUxLTEuMTYyLTIuNDYtMy4wMTQtMi40NkgzLjg0M1YxM0g4LjIxek01LjkwOCA0LjY3NGgxLjY5NmMuOTYzIDAgMS41MTcuNDUxIDEuNTE3IDEuMjQ0IDAgLjgzNC0uNjI5IDEuMzItMS43MyAxLjMySDUuOTA4VjQuNjczem0wIDYuNzg4VjguNTk4aDEuNzNjMS4yMTcgMCAxLjg4LjQ5MiAxLjg4IDEuNDE1IDAgLjk0My0uNjQzIDEuNDQ5LTEuODMyIDEuNDQ5SDUuOTA3eiIvPgo8L3N2Zz4=)}i.italic{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1pdGFsaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuOTkxIDExLjY3NCA5LjUzIDQuNDU1Yy4xMjMtLjU5NS4yNDYtLjcxIDEuMzQ3LS44MDdsLjExLS41Mkg3LjIxMWwtLjExLjUyYzEuMDYuMDk2IDEuMTI4LjIxMiAxLjAwNS44MDdMNi41NyAxMS42NzRjLS4xMjMuNTk1LS4yNDYuNzEtMS4zNDYuODA2bC0uMTEuNTJoMy43NzRsLjExLS41MmMtMS4wNi0uMDk1LTEuMTI5LS4yMTEtMS4wMDYtLjgwNnoiLz4KPC9zdmc+)}i.underline{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS11bmRlcmxpbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuMzEzIDMuMTM2aC0xLjIzVjkuNTRjMCAyLjEwNSAxLjQ3IDMuNjIzIDMuOTE3IDMuNjIzczMuOTE3LTEuNTE4IDMuOTE3LTMuNjIzVjMuMTM2aC0xLjIzdjYuMzIzYzAgMS40OS0uOTc4IDIuNTctMi42ODcgMi41Ny0xLjcwOSAwLTIuNjg3LTEuMDgtMi42ODctMi41N1YzLjEzNnpNMTIuNSAxNWgtOXYtMWg5djF6Ii8+Cjwvc3ZnPg==)}i.strikethrough{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1zdHJpa2V0aHJvdWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik02LjMzMyA1LjY4NmMwIC4zMS4wODMuNTgxLjI3LjgxNEg1LjE2NmEyLjc3NiAyLjc3NiAwIDAgMS0uMDk5LS43NmMwLTEuNjI3IDEuNDM2LTIuNzY4IDMuNDgtMi43NjggMS45NjkgMCAzLjM5IDEuMTc1IDMuNDQ1IDIuODVoLTEuMjNjLS4xMS0xLjA4LS45NjQtMS43NDMtMi4yNS0xLjc0My0xLjIzIDAtMi4xOC42MDItMi4xOCAxLjYwN3ptMi4xOTQgNy40NzhjLTIuMTUzIDAtMy41ODktMS4xMDctMy43MDUtMi44MWgxLjIzYy4xNDQgMS4wNiAxLjEyOSAxLjcwMyAyLjU0NCAxLjcwMyAxLjM0IDAgMi4zMS0uNzA1IDIuMzEtMS42NzUgMC0uODI3LS41NDctMS4zNzQtMS45MTQtMS42NzVMOC4wNDYgOC41SDF2LTFoMTR2MWgtMy41MDRjLjQ2OC40MzcuNjc1Ljk5NC42NzUgMS42OTcgMCAxLjgyNi0xLjQzNiAyLjk2Ny0zLjY0NCAyLjk2N3oiLz4KPC9zdmc+)}i.left-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1sZWZ0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.center-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1jZW50ZXIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tMi0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTItM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTItM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPgo8L3N2Zz4=)}i.right-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1yaWdodCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDEyLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bS00LTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptNC0zYS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tNC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.justify-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktanVzdGlmeSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}
+body{margin:0;background:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:sans-serif;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{background:#fff;border-radius:10px 10px 8px 8px;color:#000;position:relative;line-height:20px;font-weight:400;text-align:left}.editor-inner{background:#fff;position:relative;border-radius:5px;width:816px;height:1156px}.editor-input{margin:.67px;min-height:150px;resize:none;font-size:14.666666666666666px;caret-color:#050505;font-family:Times New Roman;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;font-family:Times New Roman;top:.67px;font-size:14.666666666666666px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Times New Roman;font-size:11}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:Times New Roman;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:11px;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{margin:0 0 8px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;border-top-left-radius:10px;border-top-right-radius:10px;vertical-align:middle}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#dfe8fa4d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.divider-horizontal{width:1px;background-color:#000;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;width:200px;vertical-align:middle;font-size:11px;color:#777;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}i.undo{background-image:url(assets/icons/arrow-counterclockwise.svg)}i.redo{background-image:url(assets/icons/arrow-clockwise.svg)}i.bold{background-image:url(assets/icons/type-bold.svg)}i.italic{background-image:url(assets/icons/type-italic.svg)}i.underline{background-image:url(assets/icons/type-underline.svg)}i.strikethrough{background-image:url(assets/icons/type-strikethrough.svg)}i.left-align{background-image:url(assets/icons/text-left.svg)}i.center-align{background-image:url(assets/icons/text-center.svg)}i.right-align{background-image:url(assets/icons/text-right.svg)}i.justify-align{background-image:url(assets/icons/justify.svg)}.dropdown{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border-radius:8px;border:0;max-width:250px;min-width:100px}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;min-width:150px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.dropdown .divider{width:auto;background-color:#eee;margin:4px 8px;height:1px}.font-size-input{font-weight:700;font-size:14px;color:#777;border-radius:5px;border-color:gray;height:21px;margin-top:5px;padding:2px 4px;text-align:center;width:20px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.add-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwIDE3Ij4KICAgIDxwYXRoIGZpbGw9IiIgZD0iTTEwIDdINlYzSDR2NEgwdjJoNHY0aDJWOWg0eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center}.minus-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggMTciPgogICAgPHBhdGggZD0iTTAgN2g4djJIMHoiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:center}button.font-decrement{padding:0;margin-right:3px}button.font-increment{padding:0;margin-left:3px}.Modal__overlay{display:flex;justify-content:center;align-items:center;position:fixed;flex-direction:column;top:0;bottom:0;left:0;right:0;background-color:#28282899;flex-grow:0px;flex-shrink:1px;z-index:100}.Modal__modal{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.Modal__title{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid #ccc}.Modal__closeButton{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee}.Modal__closeButton:hover{background-color:#ddd}.Modal__content{padding-top:20px}.Button__root{padding:10px 15px;border:0px;background-color:#eee;border-radius:5px;cursor:pointer;font-size:14px}.Button__root:hover{background-color:#ddd}.Button__small{padding:5px 10px;font-size:13px}.Button__disabled{cursor:not-allowed}.Button__disabled:hover{background-color:#eee}.DialogActions{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.DialogButtonsList{display:flex;flex-direction:column;justify-content:right;margin-top:20px}.DialogButtonsList button{margin-bottom:20px}.Input__wrapper{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.Input__label{display:flex;flex:1;color:#666}.Input__input{display:flex;flex:2;border:1px solid #999;padding:7px 10px;font-size:16px;border-radius:5px;min-width:0}.ContentEditable__root{border:0;font-size:15px;display:block;position:relative;outline:0;min-height:150px}@media (max-width: 1025px){.ContentEditable__root{padding-left:8px;padding-right:8px}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sykpcomposer",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",