@arkyn/components 1.3.108 → 1.3.110

package/dist/components/GoogleSearchPlaces/index.js

@@ -23,7 +23,7 @@ function GoogleSearchPlaces({ onChange, onPlaceChanged, options, ...rest }) {
         }
         if (place) {
             const street = findData("route");
-            const streetNumber = findData("streetNumber");
+            const streetNumber = findData("street_number");
             const district = findData("sublocality_level_1");
             const city = findData("administrative_area_level_2");
             const state = findData("administrative_area_level_1");

package/dist/components/RichText/components/BlockButton/intex.d.ts

@@ -0,0 +1,10 @@
+import { LucideIcon } from "lucide-react";
+import { AlignFormatType, ElementFormatType } from "../../defineType";
+import "./styles.css";
+type BlockButtonProps = {
+    format: ElementFormatType | AlignFormatType;
+    icon: LucideIcon;
+};
+declare function BlockButton({ format, icon: Icon }: BlockButtonProps): import("react/jsx-runtime").JSX.Element;
+export { BlockButton };
+//# sourceMappingURL=intex.d.ts.map

package/dist/components/RichText/components/BlockButton/intex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intex.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/BlockButton/intex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAKtE,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,iBAAiB,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAsB5D;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/RichText/components/BlockButton/intex.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSlate } from "slate-react";
+import { toggleBlock } from "../../functions/toggleBlock";
+import { isBlockActive } from "../../helpers/isBlockActive";
+import { TEXT_ALIGN_TYPES } from "../../template/TEXT_ALIGN_TYPES";
+import "./styles.css";
+function BlockButton({ format, icon: Icon }) {
+    const editor = useSlate();
+    const blockType = TEXT_ALIGN_TYPES.includes(format) ? "align" : "type";
+    const isActive = isBlockActive(editor, format, blockType);
+    const activeClass = isActive ? "activeTrue" : "activeFalse";
+    function handleMouseDown(event) {
+        event.preventDefault();
+        toggleBlock(editor, format);
+    }
+    return (_jsx("button", { type: "button", className: "arkynRichTextBlockButton " + activeClass, onMouseDown: handleMouseDown, children: _jsx(Icon, {}) }));
+}
+export { BlockButton };

package/dist/components/RichText/components/Element/index.d.ts

@@ -0,0 +1,5 @@
+import { RenderElementProps } from "slate-react";
+import "./styles.css";
+declare function Element({ attributes, children, element }: RenderElementProps): import("react/jsx-runtime").JSX.Element;
+export { Element };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/components/Element/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/Element/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAmDrE;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/RichText/components/Element/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function Element({ attributes, children, element }) {
+    const style = { textAlign: element.align };
+    switch (element.type) {
+        case "blockQuote":
+            return (_jsx("blockquote", { className: "arkynElementBlockquote", style: style, ...attributes, children: children }));
+        case "bulletedList":
+            return (_jsx("ul", { className: "arkynElementBulletList", style: style, ...attributes, children: children }));
+        case "headingOne":
+            return (_jsx("h1", { className: "arkynElementHeadingOne", style: style, ...attributes, children: children }));
+        case "headingTwo":
+            return (_jsx("h2", { className: "arkynElementHeadingTwo", style: style, ...attributes, children: children }));
+        case "listItem":
+            return (_jsx("li", { className: "arkynElementListItem", style: style, ...attributes, children: children }));
+        case "numberedList":
+            return (_jsx("ol", { className: "arkynElementNumberedList", style: style, ...attributes, children: children }));
+        default:
+            return (_jsx("p", { className: "arkynElementParagraph", style: style, ...attributes, children: children }));
+    }
+}
+export { Element };

package/dist/components/RichText/components/Leaf/index.d.ts

@@ -0,0 +1,3 @@
+declare function Leaf({ attributes, children, leaf }: any): import("react/jsx-runtime").JSX.Element;
+export { Leaf };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/components/Leaf/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/Leaf/index.tsx"],"names":[],"mappings":"AAEA,iBAAS,IAAI,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,2CAOhD;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/RichText/components/Leaf/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import { RenderLeafProps } from "slate-react";
+function Leaf({ attributes, children, leaf }) {
+    if (leaf.bold)
+        children = _jsx("strong", { children: children });
+    if (leaf.code)
+        children = _jsx("code", { children: children });
+    if (leaf.italic)
+        children = _jsx("em", { children: children });
+    if (leaf.underline)
+        children = _jsx("u", { children: children });
+    return _jsx("span", { ...attributes, children: children });
+}
+export { Leaf };

package/dist/components/RichText/components/MarkButton/index.d.ts

@@ -0,0 +1,10 @@
+import { LucideIcon } from "lucide-react";
+import { MarkFormatType } from "../../defineType";
+import "./styles.css";
+type MarkButtonProps = {
+    format: MarkFormatType;
+    icon: LucideIcon;
+};
+declare function MarkButton({ format, icon: Icon }: MarkButtonProps): import("react/jsx-runtime").JSX.Element;
+export { MarkButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/components/MarkButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/MarkButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,eAAe,2CAoB1D;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RichText/components/MarkButton/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSlate } from "slate-react";
+import { toggleMark } from "../../functions/toggleMark";
+import { isMarkActive } from "../../helpers/isMarkActive";
+import "./styles.css";
+function MarkButton({ format, icon: Icon }) {
+    const editor = useSlate();
+    const isActive = isMarkActive(editor, format);
+    const activeClass = isActive ? "activeTrue" : "activeFalse";
+    function handleMouseDown(event) {
+        event.preventDefault();
+        toggleMark(editor, format);
+    }
+    return (_jsx("button", { type: "button", className: "arkynRichTextMarkButton " + activeClass, onMouseDown: handleMouseDown, children: _jsx(Icon, {}) }));
+}
+export { MarkButton };

package/dist/components/RichText/components/Toolbar/index.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import "./styles.css";
+type ToolbarProps = {
+    children: ReactNode;
+};
+declare function Toolbar({ children }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export { Toolbar };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/components/Toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/Toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAE1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/RichText/components/Toolbar/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function Toolbar({ children }) {
+    return _jsx("div", { className: "arkynRichTextToolbar", children: children });
+}
+export { Toolbar };

package/dist/components/RichText/functions/serialize.d.ts

@@ -0,0 +1,3 @@
+declare const serialize: (node: any) => string;
+export { serialize };
+//# sourceMappingURL=serialize.d.ts.map

package/dist/components/RichText/functions/serialize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serialize.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/functions/serialize.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,SAAS,SAAU,GAAG,KAAG,MAgD9B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/RichText/functions/serialize.js

@@ -0,0 +1,48 @@
+// import { Node, Element as SlateElement } from "slate";
+import { Element as SlateElement } from "slate";
+const serialize = (node) => {
+    // function exportHtml() {
+    //   const content = editor.children;
+    //   const html = content.map((node) => serialize(node)).join("");
+    //   setHtml(html);
+    // }
+    if (SlateElement.isElement(node)) {
+        const children = node.children.map((n) => serialize(n)).join("");
+        switch (node.type) {
+            case "paragraph":
+                return `<p>${children}</p>`;
+            case "blockQuote":
+                return `<blockquote>${children}</blockquote>`;
+            case "bulletedList":
+                return `<ul>${children}</ul>`;
+            case "headingOne":
+                return `<h1>${children}</h1>`;
+            case "headingTwo":
+                return `<h2>${children}</h2>`;
+            case "listItem":
+                return `<li>${children}</li>`;
+            case "numberedList":
+                return `<ol>${children}</ol>`;
+            default:
+                return children;
+        }
+    }
+    if (node.text) {
+        let text = node.text;
+        if (node.bold) {
+            text = `<strong>${text}</strong>`;
+        }
+        if (node.code) {
+            text = `<code>${text}</code>`;
+        }
+        if (node.italic) {
+            text = `<em>${text}</em>`;
+        }
+        if (node.underline) {
+            text = `<u>${text}</u>`;
+        }
+        return text;
+    }
+    return "";
+};
+export { serialize };

package/dist/components/RichText/functions/toggleBlock.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import { AlignFormatType, ElementFormatType } from "../defineType";
+declare function toggleBlock(editor: Editor, format: ElementFormatType | AlignFormatType): void;
+export { toggleBlock };
+//# sourceMappingURL=toggleBlock.d.ts.map

package/dist/components/RichText/functions/toggleBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/functions/toggleBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuC,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKnE,iBAAS,WAAW,CAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,iBAAiB,GAAG,eAAe,QAkC5C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/RichText/functions/toggleBlock.js

@@ -0,0 +1,33 @@
+import { Editor, Transforms, Element as SlateElement } from "slate";
+import { isBlockActive } from "../helpers/isBlockActive";
+import { LIST_TYPES } from "../template/LIST_TYPES";
+import { TEXT_ALIGN_TYPES } from "../template/TEXT_ALIGN_TYPES";
+function toggleBlock(editor, format) {
+    const blockType = TEXT_ALIGN_TYPES.includes(format) ? "align" : "type";
+    const isActive = isBlockActive(editor, format, blockType);
+    const isList = LIST_TYPES.includes(format);
+    Transforms.unwrapNodes(editor, {
+        match: (n) => !Editor.isEditor(n) &&
+            SlateElement.isElement(n) &&
+            LIST_TYPES.includes(n.type) &&
+            !TEXT_ALIGN_TYPES.includes(format),
+        split: true,
+    });
+    let newProperties;
+    if (TEXT_ALIGN_TYPES.includes(format)) {
+        const formatType = format;
+        newProperties = { align: isActive ? undefined : formatType };
+    }
+    else {
+        const formatType = format;
+        newProperties = {
+            type: isActive ? "paragraph" : isList ? "listItem" : formatType,
+        };
+    }
+    Transforms.setNodes(editor, newProperties);
+    if (!isActive && isList) {
+        const block = { type: format, children: [] };
+        Transforms.wrapNodes(editor, block);
+    }
+}
+export { toggleBlock };

package/dist/components/RichText/functions/toggleMark.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import { MarkFormatType } from "../defineType";
+declare function toggleMark(editor: Editor, format: MarkFormatType): void;
+export { toggleMark };
+//# sourceMappingURL=toggleMark.d.ts.map

package/dist/components/RichText/functions/toggleMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleMark.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/functions/toggleMark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,iBAAS,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,QAKzD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RichText/functions/toggleMark.js

@@ -0,0 +1,10 @@
+import { Editor } from "slate";
+import { isMarkActive } from "../helpers/isMarkActive";
+function toggleMark(editor, format) {
+    const isActive = isMarkActive(editor, format);
+    if (isActive)
+        Editor.removeMark(editor, format);
+    else
+        Editor.addMark(editor, format, true);
+}
+export { toggleMark };

package/dist/components/RichText/helpers/isBlockActive.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import { AlignFormatType, ElementFormatType } from "../defineType";
+declare function isBlockActive(editor: Editor, format: ElementFormatType | AlignFormatType, blockType?: "type" | "align"): boolean;
+export { isBlockActive };
+//# sourceMappingURL=isBlockActive.d.ts.map

package/dist/components/RichText/helpers/isBlockActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBlockActive.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/helpers/isBlockActive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEnE,iBAAS,aAAa,CACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,iBAAiB,GAAG,eAAe,EAC3C,SAAS,GAAE,MAAM,GAAG,OAAgB,WAgBrC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/RichText/helpers/isBlockActive.js

@@ -0,0 +1,15 @@
+import { Editor } from "slate";
+import { Element as SlateElement } from "slate";
+function isBlockActive(editor, format, blockType = "type") {
+    const { selection } = editor;
+    if (!selection)
+        return false;
+    const [match] = Array.from(Editor.nodes(editor, {
+        at: Editor.unhangRange(editor, selection),
+        match: (n) => !Editor.isEditor(n) &&
+            SlateElement.isElement(n) &&
+            n[blockType] === format,
+    }));
+    return !!match;
+}
+export { isBlockActive };

package/dist/components/RichText/helpers/isMarkActive.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import { MarkFormatType } from "../defineType";
+declare function isMarkActive(editor: Editor, format: MarkFormatType): boolean;
+export { isMarkActive };
+//# sourceMappingURL=isMarkActive.d.ts.map

package/dist/components/RichText/helpers/isMarkActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isMarkActive.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/helpers/isMarkActive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,iBAAS,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,WAG3D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/RichText/helpers/isMarkActive.js

@@ -0,0 +1,6 @@
+import { Editor } from "slate";
+function isMarkActive(editor, format) {
+    const marks = Editor.marks(editor);
+    return marks ? marks[format] === true : false;
+}
+export { isMarkActive };

package/dist/components/RichText/index.d.ts

@@ -0,0 +1,12 @@
+import { Descendant } from "slate";
+import "./styles.css";
+type RichTextProps = {
+    name: string;
+    defaultValue?: string;
+    isError?: boolean;
+    onChange?: (value: Descendant[]) => void;
+    onValueChange?: (value: string) => void;
+};
+declare function RichText({ name, defaultValue, onValueChange, onChange, isError: baseIsError, }: RichTextProps): import("react/jsx-runtime").JSX.Element;
+export { RichText };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichText/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAajD,OAAO,cAAc,CAAC;AAGtB,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,OAAO,EAAE,WAAW,GACrB,EAAE,aAAa,2CAmFf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/RichText/index.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import isHotkey from "is-hotkey";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, Code, Heading1, Heading2, Italic, Quote, Underline, } from "lucide-react";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { createEditor } from "slate";
+import { withHistory } from "slate-history";
+import { Editable, Slate, withReact } from "slate-react";
+import { BlockButton } from "./components/BlockButton/intex";
+import { Element } from "./components/Element";
+import { Leaf } from "./components/Leaf";
+import { MarkButton } from "./components/MarkButton";
+import { Toolbar } from "./components/Toolbar";
+import { toggleMark } from "./functions/toggleMark";
+import { HOTKEYS } from "./template/HOTKEYS";
+import { INITIAL_VALUE } from "./template/INITIAL_VALUE";
+import "./styles.css";
+import { useFormController } from "../Form/FormController";
+function RichText({ name, defaultValue, onValueChange, onChange, isError: baseIsError, }) {
+    const [editorValue, setEditorValue] = useState([]);
+    const [onFocus, setOnFocus] = useState(false);
+    const { id, inputRef, error } = useFormController();
+    const baseRef = useRef(null);
+    const ref = inputRef || baseRef;
+    const isError = baseIsError || !!error;
+    const editor = useMemo(() => withHistory(withReact(createEditor())), []);
+    const renderLeaf = useCallback(Leaf, []);
+    const renderElement = useCallback(Element, []);
+    function handleChange(e) {
+        setEditorValue(e);
+        onChange && onChange(e);
+        onValueChange && onValueChange(JSON.stringify(e));
+    }
+    const errorClass = isError ? "errorTrue" : "errorFalse";
+    const focusClass = onFocus ? "focusTrue" : "focusFalse";
+    const className = `arkynRichText ${errorClass} ${focusClass}`;
+    return (_jsxs(Slate, { editor: editor, initialValue: defaultValue ? JSON.parse(defaultValue) : INITIAL_VALUE, onChange: handleChange, onValueChange: handleChange, children: [_jsxs("div", { className: className, children: [_jsxs(Toolbar, { children: [_jsx(BlockButton, { format: "headingOne", icon: Heading1 }), _jsx(BlockButton, { format: "headingTwo", icon: Heading2 }), _jsx(BlockButton, { format: "blockQuote", icon: Quote }), _jsx(MarkButton, { format: "bold", icon: Bold }), _jsx(MarkButton, { format: "italic", icon: Italic }), _jsx(MarkButton, { format: "underline", icon: Underline }), _jsx(MarkButton, { format: "code", icon: Code }), _jsx(BlockButton, { format: "left", icon: AlignLeft }), _jsx(BlockButton, { format: "right", icon: AlignRight }), _jsx(BlockButton, { format: "center", icon: AlignCenter }), _jsx(BlockButton, { format: "justify", icon: AlignJustify })] }), _jsx(Editable, { className: "editorContainer", renderElement: renderElement, renderLeaf: renderLeaf, spellCheck: true, autoFocus: true, id: id, onFocus: () => setOnFocus(true), onBlur: () => setOnFocus(false), onKeyDown: (event) => {
+                            for (const hotkey in HOTKEYS) {
+                                if (isHotkey(hotkey, event)) {
+                                    event.preventDefault();
+                                    const mark = HOTKEYS[hotkey];
+                                    toggleMark(editor, mark);
+                                }
+                            }
+                        } })] }), _jsx("input", { ref: ref, type: "hidden", name: name, value: JSON.stringify(editorValue) })] }));
+}
+export { RichText };

package/dist/components/RichText/template/HOTKEYS.d.ts

@@ -0,0 +1,7 @@
+import { MarkFormatType } from "../defineType";
+type HotKeys = {
+    [key: string]: MarkFormatType;
+};
+declare const HOTKEYS: HotKeys;
+export { HOTKEYS };
+//# sourceMappingURL=HOTKEYS.d.ts.map

package/dist/components/RichText/template/HOTKEYS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HOTKEYS.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/template/HOTKEYS.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,KAAK,OAAO,GAAG;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,OAKd,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/RichText/template/HOTKEYS.js

@@ -0,0 +1,7 @@
+const HOTKEYS = {
+    "mod+b": "bold",
+    "mod+i": "italic",
+    "mod+u": "underline",
+    "mod+`": "code",
+};
+export { HOTKEYS };

package/dist/components/RichText/template/INITIAL_VALUE.d.ts

@@ -0,0 +1,4 @@
+import { Descendant } from "slate";
+declare const INITIAL_VALUE: Descendant[];
+export { INITIAL_VALUE };
+//# sourceMappingURL=INITIAL_VALUE.d.ts.map

package/dist/components/RichText/template/INITIAL_VALUE.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"INITIAL_VALUE.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/template/INITIAL_VALUE.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,QAAA,MAAM,aAAa,EAAE,UAAU,EAK9B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/RichText/template/INITIAL_VALUE.js

@@ -0,0 +1,7 @@
+const INITIAL_VALUE = [
+    {
+        type: "paragraph",
+        children: [{ text: "" }],
+    },
+];
+export { INITIAL_VALUE };

package/dist/components/RichText/template/LIST_TYPES.d.ts

@@ -0,0 +1,3 @@
+declare const LIST_TYPES: string[];
+export { LIST_TYPES };
+//# sourceMappingURL=LIST_TYPES.d.ts.map

package/dist/components/RichText/template/LIST_TYPES.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LIST_TYPES.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/template/LIST_TYPES.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU,UAA+B,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RichText/template/LIST_TYPES.js

@@ -0,0 +1,2 @@
+const LIST_TYPES = ["listItem", "numberedList"];
+export { LIST_TYPES };

package/dist/components/RichText/template/TEXT_ALIGN_TYPES.d.ts

@@ -0,0 +1,3 @@
+declare const TEXT_ALIGN_TYPES: string[];
+export { TEXT_ALIGN_TYPES };
+//# sourceMappingURL=TEXT_ALIGN_TYPES.d.ts.map

package/dist/components/RichText/template/TEXT_ALIGN_TYPES.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TEXT_ALIGN_TYPES.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/template/TEXT_ALIGN_TYPES.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,UAAyC,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/RichText/template/TEXT_ALIGN_TYPES.js

@@ -0,0 +1,2 @@
+const TEXT_ALIGN_TYPES = ["left", "center", "right", "justify"];
+export { TEXT_ALIGN_TYPES };

package/dist/index.d.ts

@@ -8,13 +8,14 @@ export { TableBody, TableCaption, TableContainer, TableFooter, TableHeader, } fr
 export { Button } from "./components/Button";
 export { Checkbox } from "./components/Checkbox";
 export { FormController, FormError, FormLabel } from "./components/Form";
+export { GoogleSearchPlaces } from "./components/GoogleSearchPlaces";
 export { IconButton } from "./components/IconButton";
 export { Input } from "./components/Input";
 export { RadioBox, RadioGroup } from "./components/Radio";
+export { RichText } from "./components/RichText";
 export { Select } from "./components/Select";
 export { Switch } from "./components/Switch";
 export { Textarea } from "./components/Textarea";
-export { GoogleSearchPlaces } from "./components/GoogleSearchPlaces";
 export { BreadcrumbContainer, BreadcrumbLink } from "./components/Breadcrumb";
 export { Pagination } from "./components/Pagination";
 export { TabButton, TabContainer } from "./components/Tabs";
@@ -28,8 +29,8 @@ export { useDrawer } from "./hooks/useDrawer";
 export { useModal } from "./hooks/useModal";
 export { useScopedParams } from "./hooks/useScopedParams";
 export { useToast } from "./hooks/useToast";
-export { GoogleProvider } from "./provider/GoogleProvider";
 export { DrawerProvider } from "./provider/DrawerProvider";
+export { GoogleProvider } from "./provider/GoogleProvider";
 export { ModalProvider } from "./provider/ModalProvider";
 export { ToastProvider } from "./provider/ToastProvider";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -10,13 +10,14 @@ export { TableBody, TableCaption, TableContainer, TableFooter, TableHeader, } fr
 export { Button } from "./components/Button";
 export { Checkbox } from "./components/Checkbox";
 export { FormController, FormError, FormLabel } from "./components/Form";
+export { GoogleSearchPlaces } from "./components/GoogleSearchPlaces";
 export { IconButton } from "./components/IconButton";
 export { Input } from "./components/Input";
 export { RadioBox, RadioGroup } from "./components/Radio";
+export { RichText } from "./components/RichText";
 export { Select } from "./components/Select";
 export { Switch } from "./components/Switch";
 export { Textarea } from "./components/Textarea";
-export { GoogleSearchPlaces } from "./components/GoogleSearchPlaces";
 // Navigation
 export { BreadcrumbContainer, BreadcrumbLink } from "./components/Breadcrumb";
 export { Pagination } from "./components/Pagination";
@@ -34,7 +35,7 @@ export { useModal } from "./hooks/useModal";
 export { useScopedParams } from "./hooks/useScopedParams";
 export { useToast } from "./hooks/useToast";
 // Providers
-export { GoogleProvider } from "./provider/GoogleProvider";
 export { DrawerProvider } from "./provider/DrawerProvider";
+export { GoogleProvider } from "./provider/GoogleProvider";
 export { ModalProvider } from "./provider/ModalProvider";
 export { ToastProvider } from "./provider/ToastProvider";