@use-kona/editor 0.1.3 → 0.1.4

package/dist/examples/icons/external.js

@@ -1,30 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const ExternalIcon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-external-link",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 13l9 -9"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M15 4h5v5"
-            })
-        ]
-    });
-export { ExternalIcon };

package/dist/examples/icons/heading1.d.ts

@@ -1,2 +0,0 @@
-import { IconProps } from './types';
-export declare const Heading1Icon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/heading1.js

@@ -1,45 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const Heading1Icon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-h-1",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M19 18v-8l-2 2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M4 6v12"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M12 6v12"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 18h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M3 18h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M4 12h8"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M3 6h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 6h2"
-            })
-        ]
-    });
-export { Heading1Icon };

package/dist/examples/icons/heading2.d.ts

@@ -1,2 +0,0 @@
-import { IconProps } from './types';
-export declare const Heading2Icon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/heading2.js

@@ -1,45 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const Heading2Icon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-h-2",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M4 6v12"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M12 6v12"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 18h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M3 18h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M4 12h8"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M3 6h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 6h2"
-            })
-        ]
-    });
-export { Heading2Icon };

package/dist/examples/icons/heading3.d.ts

@@ -1,2 +0,0 @@
-import { IconProps } from './types';
-export declare const Heading3Icon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/heading3.js

@@ -1,48 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const Heading3Icon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-h-3",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M19 14a2 2 0 1 0 -2 -2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M17 16a2 2 0 1 0 2 -2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M4 6v12"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M12 6v12"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 18h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M3 18h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M4 12h8"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M3 6h2"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 6h2"
-            })
-        ]
-    });
-export { Heading3Icon };

package/dist/examples/icons/italic.d.ts

@@ -1,2 +0,0 @@
-import { IconProps } from './types';
-export declare const ItalicIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/italic.js

@@ -1,30 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const ItalicIcon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-italic",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 5l6 0"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M7 19l6 0"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M14 5l-4 14"
-            })
-        ]
-    });
-export { ItalicIcon };

package/dist/examples/icons/link.d.ts

@@ -1,2 +0,0 @@
-import { IconProps } from './types';
-export declare const LinkIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/link.js

@@ -1,30 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const LinkIcon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-link",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M9 15l6 -6"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"
-            })
-        ]
-    });
-export { LinkIcon };

package/dist/examples/icons/ol.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './types';
-export declare const OlIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/ol.js

@@ -1,36 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const OlIcon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-list-numbers",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 6h9"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M11 12h9"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M12 18h8"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M6 10v-6l-2 2"
-            })
-        ]
-    });
-export { OlIcon };

package/dist/examples/icons/strikethrough.d.ts

@@ -1,2 +0,0 @@
-import { IconProps } from './types';
-export declare const StrikethroughIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/strikethrough.js

@@ -1,27 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const StrikethroughIcon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-strikethrough",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M5 12l14 0"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5"
-            })
-        ]
-    });
-export { StrikethroughIcon };

package/dist/examples/icons/text.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './types';
-export declare const TextIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/text.js

@@ -1,22 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const TextIcon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.25,
-        viewBox: "0 0 24 24",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M4 6h16M4 12h10M4 18h14"
-            })
-        ]
-    });
-export { TextIcon };

package/dist/examples/icons/types.d.ts

@@ -1,3 +0,0 @@
-export type IconProps = {
-    size?: number;
-};

package/dist/examples/icons/ul.d.ts

@@ -1,2 +0,0 @@
-import { IconProps } from './types';
-export declare const UlIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/ul.js

@@ -1,39 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const UlIcon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-list",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M9 6l11 0"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M9 12l11 0"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M9 18l11 0"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M5 6l0 .01"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M5 12l0 .01"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M5 18l0 .01"
-            })
-        ]
-    });
-export { UlIcon };

package/dist/examples/icons/underline.d.ts

@@ -1,2 +0,0 @@
-import { IconProps } from './types';
-export declare const UnderlineIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/icons/underline.js

@@ -1,27 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const UnderlineIcon = ({ size })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "icon icon-tabler icons-tabler-outline icon-tabler-underline",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M7 5v5a5 5 0 0 0 10 0v-5"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M5 19h14"
-            })
-        ]
-    });
-export { UnderlineIcon };

package/dist/examples/store.d.ts

@@ -1,9 +0,0 @@
-type FloatingMenuMode = 'main' | 'link' | 'colors';
-type Store = {
-    isFloatingMenuOpen: boolean;
-    floatingMenuMode: FloatingMenuMode;
-    url?: string;
-    emojiSearch: string;
-};
-export declare const $store: import("nanostores").PreinitializedMapStore<Store> & object;
-export {};

package/dist/examples/store.js

@@ -1,7 +0,0 @@
-import { map } from "nanostores";
-const $store = map({
-    isFloatingMenuOpen: false,
-    floatingMenuMode: 'main',
-    emojiSearch: ''
-});
-export { $store };

package/dist/examples/styles.module.js

@@ -1,11 +0,0 @@
-import "./styles_module.css";
-const styles_module = {
-    root: "root-qzPneW",
-    menu: "menu-B8Sin3",
-    button: "button-ozmUk3",
-    active: "active-QvTEq9",
-    divider: "divider-T8sMbz",
-    floating: "floating-hKTbQp",
-    hint: "hint-vLpspr"
-};
-export { styles_module as default };

package/dist/examples/styles_module.css

@@ -1,78 +0,0 @@
-body {
-  --background-color: #fff;
-  --kona-editor-background-color: #fff;
-  --text-color: #444;
-  --kona-editor-text-color: #444;
-  --border-color: #ddd;
-  --kona-editor-border-color: #ddd;
-}
-
-body.dark-theme {
-  color: #eee;
-  --background-color: #222;
-  --text-color: #eee;
-  --border-color: #000;
-  background-color: #222;
-}
-
-.root-qzPneW {
-  border: 1px solid var(--border-color);
-  border-radius: 4px;
-  width: 600px;
-  height: calc(100vh - 256px);
-  max-height: 100vh;
-  margin: 32px auto;
-  overflow: hidden;
-
-  & [role="textbox"] {
-    outline: none;
-  }
-}
-
-.menu-B8Sin3 {
-  column-gap: 4px;
-  padding: 8px;
-  display: flex;
-}
-
-.button-ozmUk3 {
-  cursor: pointer;
-  width: 24px;
-  height: 24px;
-  color: inherit;
-  background-color: #0000;
-  border: none;
-  border-radius: 4px;
-  outline: none;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  transition: background-color .25s;
-  display: inline-flex;
-}
-
-.button-ozmUk3.active-QvTEq9 {
-  background-color: #eee;
-}
-
-.divider-T8sMbz {
-  background-color: #ccc;
-  width: 1px;
-  height: 24px;
-  display: inline-block;
-}
-
-.floating-hKTbQp {
-  height: 24px;
-}
-
-.hint-vLpspr {
-  color: #444;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  padding: 2px;
-  box-shadow: 0 1px 3px #0000000f;
-}
-

package/dist/examples/text.d.ts

@@ -1,3 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-export declare const text: any;

package/dist/examples/text.js

@@ -1,65 +0,0 @@
-import { createHyperscript, createText } from "slate-hyperscript";
-import { CodeBlockPlugin, HeadingsPlugin, LinksPlugin, ListsPlugin } from "../plugins/index.js";
-const text_elements = {
-    paragraph: {
-        type: 'paragraph'
-    },
-    heading1: {
-        type: HeadingsPlugin.HeadingLevel1
-    },
-    heading2: {
-        type: HeadingsPlugin.HeadingLevel2
-    },
-    heading3: {
-        type: HeadingsPlugin.HeadingLevel3
-    },
-    numberedList: {
-        type: ListsPlugin.NUMBERED_LIST_ELEMENT
-    },
-    bulletedList: {
-        type: ListsPlugin.BULLETED_LIST_ELEMENT
-    },
-    listItem: {
-        type: ListsPlugin.LIST_ITEM_ELEMENT
-    },
-    codeBlock: {
-        type: CodeBlockPlugin.CODE_ELEMENT
-    },
-    codeBlockLine: {
-        type: CodeBlockPlugin.CODE_LINE_ELEMENT
-    },
-    hlink: {
-        type: LinksPlugin.LINK_TYPE
-    },
-    hemoji: {
-        type: 'emoji'
-    }
-};
-const creators = {
-    htext: createText
-};
-const jsx = createHyperscript({
-    elements: text_elements,
-    creators
-});
-const text_text = /*#__PURE__*/ jsx("fragment", null, /*#__PURE__*/ jsx("heading1", null, "About"), /*#__PURE__*/ jsx("paragraph", null, /*#__PURE__*/ jsx("htext", {
-    bold: true,
-    italic: true
-}, "Kona Editor"), ' ', "is a text editor based on Slate.js that I use in", ' ', /*#__PURE__*/ jsx("hemoji", {
-    emoji: "kona"
-}, "'"), /*#__PURE__*/ jsx("hlink", {
-    url: "https://kona.to"
-}, "Kona calendar"), " for notes and event descriptions. I decided to open-source the editor for a few reasons:"), /*#__PURE__*/ jsx("numberedList", null, /*#__PURE__*/ jsx("listItem", null, "I had a lot of ", /*#__PURE__*/ jsx("htext", {
-    strikethrough: true
-}, "difficulties"), " fun while building this editor and there were always not enough examples of how to do it right. I wanted to make a little contribution to the community, so others could use my code as a reference."), /*#__PURE__*/ jsx("listItem", null, "I have always wanted to try to build something open-sourced, but there have not been enough good ideas on what to build. I think that an editor is a pretty decent starting point.")), /*#__PURE__*/ jsx("heading2", null, "Usage"), /*#__PURE__*/ jsx("codeBlock", {
-    language: "tsx"
-}, /*#__PURE__*/ jsx("codeBlockLine", null, "import { KonaEditor } from '@use-kona/editor';"), /*#__PURE__*/ jsx("codeBlockLine", null, " "), /*#__PURE__*/ jsx("codeBlockLine", null, "const App = () => {"), /*#__PURE__*/ jsx("codeBlockLine", null, "  return ("), /*#__PURE__*/ jsx("codeBlockLine", null, "    <KonaEditor"), /*#__PURE__*/ jsx("codeBlockLine", null, "      initialValue={initialValue}"), /*#__PURE__*/ jsx("codeBlockLine", null, "      plugins={plugins}"), /*#__PURE__*/ jsx("codeBlockLine", null, "      onChange={handleChange}"), /*#__PURE__*/ jsx("codeBlockLine", null, "     />"), /*#__PURE__*/ jsx("codeBlockLine", null, "  )"), /*#__PURE__*/ jsx("codeBlockLine", null, "}")), /*#__PURE__*/ jsx("paragraph", null, "Defining the list of plugins might be a little tricky, but I've tried to cover everything you'll need in docs."), /*#__PURE__*/ jsx("heading2", null, "List of plugins"), /*#__PURE__*/ jsx("heading3", null, "BasicFormattingPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Allows to use ", /*#__PURE__*/ jsx("htext", {
-    bold: true
-}, "bold"), ", ", /*#__PURE__*/ jsx("htext", {
-    italic: true
-}, "italic"), ",", ' ', /*#__PURE__*/ jsx("htext", {
-    underline: true
-}, "underlined"), " and", ' ', /*#__PURE__*/ jsx("htext", {
-    strikethrough: true
-}, "strikethrough"), " text"), /*#__PURE__*/ jsx("heading3", null, "BreaksPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Overrides default Slate behavior by breaking custom block types when user presses Enter."), /*#__PURE__*/ jsx("heading3", null, "CodeBlockPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Adds support for code blocks."), /*#__PURE__*/ jsx("heading3", null, "CommandsPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Adds Notion-style menu with custom list of commands"), /*#__PURE__*/ jsx("heading3", null, "DnDPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Allows reordering blocks by drag'n'dropping them"), /*#__PURE__*/ jsx("heading3", null, "FloatingMenuPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Adds menu which is shown when user selects a text"), /*#__PURE__*/ jsx("heading3", null, "HeadingsPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Adds three levels of headings"), /*#__PURE__*/ jsx("heading3", null, "HighlightsPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Allows highlighting selected text with a custom color"), /*#__PURE__*/ jsx("heading3", null, "LinksPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Gives user ability to convert the selected text into a link"), /*#__PURE__*/ jsx("heading3", null, "MenuPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Adds pinned to the top menu with custom commands"), /*#__PURE__*/ jsx("heading3", null, "NodeIdPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Assigns a unique id to each block"), /*#__PURE__*/ jsx("heading3", null, "PlaceholderPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Allows to setup a custom placeholder for the selected line"), /*#__PURE__*/ jsx("heading3", null, "ShortcutsPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Converts some popular markdown shortcuts to a custom node"), /*#__PURE__*/ jsx("heading3", null, "TableOfContentsPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Shows a quick map of headings inside the document"), /*#__PURE__*/ jsx("heading3", null, "EmojiPlugin"), /*#__PURE__*/ jsx("paragraph", null, "Allows paste emoji to the text"));
-export { text_text as text };

package/dist/examples/ui/Button/Button.d.ts

@@ -1,8 +0,0 @@
-import { type ReactNode } from 'react';
-export declare const Button: import("react").ForwardRefExoticComponent<{
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    size?: "sm" | "md" | "lg";
-    variant?: "primary" | "secondary" | "danger" | "transparent";
-    children: ReactNode;
-    disabled?: boolean;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "size"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/examples/ui/Button/Button.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { ButtonWrapper } from "./ButtonWrapper.js";
-const Button = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { size = 'md', variant = 'secondary', onClick = ()=>{}, children, ...rest } = props;
-    return /*#__PURE__*/ jsx(ButtonWrapper, {
-        ref: ref,
-        size: size,
-        onClick: onClick,
-        variant: variant,
-        ...rest,
-        children: children
-    });
-});
-export { Button };

package/dist/examples/ui/Button/ButtonWrapper.d.ts

@@ -1,4 +0,0 @@
-export declare const ButtonWrapper: import("react").ForwardRefExoticComponent<{
-    size: "sm" | "md" | "lg";
-    variant?: "primary" | "secondary" | "transparent" | "danger";
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;