@micromerce/formbuilder-react 1.0.651 → 1.0.656

package/dist/src/components/plate/components/insert-dropdown-menu.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BlockquotePlugin } from "@udecode/plate-block-quote/react";
+import { insertEmptyElement } from "@udecode/plate-common";
+import { focusEditor, ParagraphPlugin, useEditorRef, } from "@udecode/plate-common/react";
+import { HEADING_KEYS } from "@udecode/plate-heading";
+import { HorizontalRulePlugin } from "@udecode/plate-horizontal-rule/react";
+import { TodoListPlugin } from "@udecode/plate-list/react";
+import { TablePlugin } from "@udecode/plate-table/react";
+import React from "react";
+import { Icons } from "../icons";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, useOpenState, } from "./dropdown-menu";
+import { ToolbarButton } from "./toolbar";
+export const insertItems = [
+    {
+        items: [
+            {
+                description: "Paragraph",
+                icon: Icons.paragraph,
+                label: "Paragraph",
+                value: ParagraphPlugin.key,
+            },
+            {
+                description: "Heading 1",
+                icon: Icons.h1,
+                label: "Heading 1",
+                value: HEADING_KEYS.h1,
+            },
+            {
+                description: "Heading 2",
+                icon: Icons.h2,
+                label: "Heading 2",
+                value: HEADING_KEYS.h2,
+            },
+            {
+                description: "Heading 3",
+                icon: Icons.h3,
+                label: "Heading 3",
+                value: HEADING_KEYS.h3,
+            },
+            {
+                description: "Quote (⌘+⇧+.)",
+                icon: Icons.blockquote,
+                label: "Quote",
+                value: BlockquotePlugin.key,
+            },
+            {
+                value: TablePlugin.key,
+                label: "Table",
+                description: "Table",
+                icon: Icons.table,
+            },
+            // {
+            //   value: BulletedListPlugin.key,
+            //   label: "Bulleted list",
+            //   description: "Bulleted list",
+            //   icon: Icons.ul,
+            // },
+            // {
+            //   value: NumberedListPlugin.key,
+            //   label: "Numbered list",
+            //   description: "Numbered list",
+            //   icon: Icons.ol,
+            // },
+            {
+                value: TodoListPlugin.key,
+                label: "Todo list",
+                description: "Todo list",
+                icon: Icons.todo,
+            },
+            {
+                value: HorizontalRulePlugin.key,
+                label: "Divider",
+                description: "Divider (---)",
+                icon: Icons.hr,
+            },
+        ],
+        label: "Basic blocks",
+    },
+    // {
+    //   label: 'Media',
+    //   items: [
+    //     {
+    //       value: CodeBlockPlugin.key,
+    //       label: 'Code',
+    //       description: 'Code (```)',
+    //       icon: Icons.codeblock,
+    //     },
+    //     {
+    //       value: ImagePlugin.key,
+    //       label: 'Image',
+    //       description: 'Image',
+    //       icon: Icons.image,
+    //     },
+    //     {
+    //       value: MediaEmbedPlugin.key,
+    //       label: 'Embed',
+    //       description: 'Embed',
+    //       icon: Icons.embed,
+    //     },
+    //     {
+    //       value: ExcalidrawPlugin.key,
+    //       label: 'Excalidraw',
+    //       description: 'Excalidraw',
+    //       icon: Icons.excalidraw,
+    //     },
+    //   ],
+    // },
+    // {
+    //   label: 'Inline',
+    //   items: [
+    //     {
+    //       value: LinkPlugin.key,
+    //       label: 'Link',
+    //       description: 'Link',
+    //       icon: Icons.link,
+    //     },
+    //   ],
+    // },
+];
+export function InsertDropdownMenu(props) {
+    const editor = useEditorRef();
+    const openState = useOpenState();
+    return (_jsxs(DropdownMenu, { modal: false, ...openState, ...props, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(ToolbarButton, { isDropdown: true, pressed: openState.open, tooltip: "Insert", children: _jsx(Icons.add, {}) }) }), _jsx(DropdownMenuContent, { align: "start", className: "flex max-h-[500px] min-w-0 flex-col gap-0.5 overflow-y-auto bg-white", children: insertItems.map(({ items: nestedItems, label }, index) => (_jsxs(React.Fragment, { children: [index !== 0 && _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuLabel, { children: label }), nestedItems.map(({ icon: Icon, label: itemLabel, value: type }) => (_jsxs(DropdownMenuItem, { className: "min-w-[180px]", onSelect: () => {
+                                switch (type) {
+                                    // case CodeBlockPlugin.key: {
+                                    //   insertEmptyCodeBlock(editor);
+                                    //
+                                    //   break;
+                                    // }
+                                    // case ImagePlugin.key: {
+                                    //   await insertMedia(editor, { type: ImagePlugin.key });
+                                    //
+                                    //   break;
+                                    // }
+                                    // case MediaEmbedPlugin.key: {
+                                    //   await insertMedia(editor, {
+                                    //     type: MediaEmbedPlugin.key,
+                                    //   });
+                                    //
+                                    //   break;
+                                    // }
+                                    // case 'ul':
+                                    // case 'ol': {
+                                    //   insertEmptyElement(editor, ParagraphPlugin.key, {
+                                    //     select: true,
+                                    //     nextBlock: true,
+                                    //   });
+                                    //
+                                    //   if (settingsStore.get.checkedId(IndentListPlugin.key)) {
+                                    //     toggleIndentList(editor, {
+                                    //       listStyleType: type === 'ul' ? 'disc' : 'decimal',
+                                    //     });
+                                    //   } else if (settingsStore.get.checkedId('list')) {
+                                    //     toggleList(editor, { type });
+                                    //   }
+                                    //
+                                    //   break;
+                                    // }
+                                    // case TablePlugin.key: {
+                                    //   insertTable(editor);
+                                    //
+                                    //   break;
+                                    // }
+                                    // case LinkPlugin.key: {
+                                    //   triggerFloatingLink(editor, { focused: true });
+                                    //
+                                    //   break;
+                                    // }
+                                    default: {
+                                        insertEmptyElement(editor, type, {
+                                            nextBlock: true,
+                                            select: true,
+                                        });
+                                    }
+                                }
+                                focusEditor(editor);
+                            }, children: [_jsx(Icon, { className: "mr-2 size-5" }), itemLabel] }, type)))] }, label))) })] }));
+}
+//# sourceMappingURL=insert-dropdown-menu.js.map

package/dist/src/components/plate/components/insert-dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-dropdown-menu.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/insert-dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/plate/components/kbd-leaf.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export declare const KbdLeaf: React.ForwardRefExoticComponent<Omit<{
+    leafToAttributes?: (leaf: import("@udecode/plate-common").TText) => any;
+} & import("@udecode/plate-common").BasePluginContext<import("@udecode/plate-common/react").AnyPlatePlugin> & {
+    useOption: {
+        <K extends string | number | symbol, F extends any, Args extends Parameters<F & ((...args: any[]) => any)>>(optionKey: K, ...args: Args): F extends (...args: any[]) => any ? ReturnType<F> : F;
+        <K extends string | number | symbol, F extends any>(optionKey: K): F extends (...args: any[]) => any ? never : F;
+    };
+    editor: import("@udecode/plate-common/react").PlateEditor;
+    plugin: import("@udecode/plate-common/react").EditorPlatePlugin<import("@udecode/plate-common/react").AnyPlatePlugin>;
+} & {
+    className?: string;
+    nodeProps?: import("@udecode/plate-common").AnyObject;
+} & import("@udecode/slate-react").TRenderLeafProps<import("@udecode/plate-common").TText> & Omit<{
+    as?: React.ElementType;
+    asChild?: boolean;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<any>, "ref"> & {
+    ref?: React.Ref<any>;
+} & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<never>>;

package/dist/src/components/plate/components/kbd-leaf.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, withRef } from "@udecode/cn";
+import { PlateLeaf } from "@udecode/plate-common/react";
+export const KbdLeaf = withRef(({ children, className, ...props }, ref) => (_jsx(PlateLeaf, { asChild: true, className: cn("rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-sm shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(248,_249,_250)_0px_1px_5px_0px_inset,_rgb(193,_200,_205)_0px_0px_0px_0.5px,_rgb(193,_200,_205)_0px_2px_1px_-1px,_rgb(193,_200,_205)_0px_1px_0px_0px] dark:shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(26,_29,_30)_0px_1px_5px_0px_inset,_rgb(76,_81,_85)_0px_0px_0px_0.5px,_rgb(76,_81,_85)_0px_2px_1px_-1px,_rgb(76,_81,_85)_0px_1px_0px_0px]", className), ref: ref, ...props, children: _jsx("kbd", { children: children }) })));
+//# sourceMappingURL=kbd-leaf.js.map

package/dist/src/components/plate/components/kbd-leaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-leaf.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/kbd-leaf.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAC5B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,KAAC,SAAS,IACR,OAAO,QACP,SAAS,EAAE,EAAE,CACX,seAAse,EACte,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,wBAAM,QAAQ,GAAO,GACX,CACb,CACF,CAAC"}

package/dist/src/components/plate/components/line-height-dropdown-menu.d.ts

@@ -0,0 +1,2 @@
+import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
+export declare function LineHeightDropdownMenu({ ...props }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/plate/components/line-height-dropdown-menu.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLineHeightDropdownMenu, useLineHeightDropdownMenuState, } from "@udecode/plate-line-height/react";
+import { Icons } from "../icons";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, useOpenState, } from "./dropdown-menu";
+import { ToolbarButton } from "./toolbar";
+export function LineHeightDropdownMenu({ ...props }) {
+    const openState = useOpenState();
+    const state = useLineHeightDropdownMenuState();
+    const { radioGroupProps } = useLineHeightDropdownMenu(state);
+    return (_jsxs(DropdownMenu, { modal: false, ...openState, ...props, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(ToolbarButton, { isDropdown: true, pressed: openState.open, tooltip: "Line height", children: _jsx(Icons.lineHeight, {}) }) }), _jsx(DropdownMenuContent, { align: "start", className: "min-w-0", children: _jsx(DropdownMenuRadioGroup, { className: "flex flex-col gap-0.5", ...radioGroupProps, children: state.values.map((_value) => (_jsx(DropdownMenuRadioItem, { className: "min-w-[180px]", value: _value, children: _value }, _value))) }) })] }));
+}
+//# sourceMappingURL=line-height-dropdown-menu.js.map

package/dist/src/components/plate/components/line-height-dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-height-dropdown-menu.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/line-height-dropdown-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,yBAAyB,EACzB,8BAA8B,GAC/B,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,UAAU,sBAAsB,CAAC,EAAE,GAAG,KAAK,EAAqB;IACpE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,8BAA8B,EAAE,CAAC;IAC/C,MAAM,EAAE,eAAe,EAAE,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAE7D,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,KAAM,SAAS,KAAM,KAAK,aAClD,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,aAAa,IACZ,UAAU,QACV,OAAO,EAAE,SAAS,CAAC,IAAI,EACvB,OAAO,EAAC,aAAa,YAErB,KAAC,KAAK,CAAC,UAAU,KAAG,GACN,GACI,EAEtB,KAAC,mBAAmB,IAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,YACpD,KAAC,sBAAsB,IACrB,SAAS,EAAC,uBAAuB,KAC7B,eAAe,YAElB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,KAAC,qBAAqB,IACpB,SAAS,EAAC,eAAe,EAEzB,KAAK,EAAE,MAAM,YAEZ,MAAM,IAHF,MAAM,CAIW,CACzB,CAAC,GACqB,GACL,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/src/components/plate/components/link-element.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export declare const LinkElement: React.ForwardRefExoticComponent<Omit<{
+    elementToAttributes?: (element: import("@udecode/plate-common").TElement) => any;
+} & Omit<{
+    as?: React.ElementType;
+    asChild?: boolean;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<any>, "ref"> & {
+    ref?: React.Ref<any>;
+} & import("@udecode/plate-common").BasePluginContext<import("@udecode/plate-common/react").AnyPlatePlugin> & {
+    useOption: {
+        <K extends string | number | symbol, F extends any, Args extends Parameters<F & ((...args: any[]) => any)>>(optionKey: K, ...args: Args): F extends (...args: any[]) => any ? ReturnType<F> : F;
+        <K extends string | number | symbol, F extends any>(optionKey: K): F extends (...args: any[]) => any ? never : F;
+    };
+    editor: import("@udecode/plate-common/react").PlateEditor;
+    plugin: import("@udecode/plate-common/react").EditorPlatePlugin<import("@udecode/plate-common/react").AnyPlatePlugin>;
+} & {
+    className?: string;
+    nodeProps?: import("@udecode/plate-common").AnyObject;
+} & import("@udecode/slate-react").TRenderElementProps<import("@udecode/plate-common").TElement> & {
+    path: import("slate").Path;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<never>>;

package/dist/src/components/plate/components/link-element.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, withRef } from "@udecode/cn";
+import { PlateElement, useElement } from "@udecode/plate-common/react";
+import { useLink } from "@udecode/plate-link/react";
+export const LinkElement = withRef(({ children, className, ...props }, ref) => {
+    const element = useElement();
+    const { props: linkProps } = useLink({ element });
+    return (_jsx(PlateElement, { asChild: true, className: cn("font-medium text-primary underline decoration-primary underline-offset-4", className), ref: ref, ...linkProps, ...props, children: _jsx("a", { children: children }) }));
+});
+//# sourceMappingURL=link-element.js.map

package/dist/src/components/plate/components/link-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-element.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/link-element.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAIpD,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAChC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,OAAO,GAAG,UAAU,EAAgB,CAAC;IAC3C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAElD,OAAO,CACL,KAAC,YAAY,IACX,OAAO,QACP,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACH,SAAiB,KAClB,KAAK,YAET,sBAAI,QAAQ,GAAK,GACJ,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/src/components/plate/components/link-floating-toolbar.d.ts

@@ -0,0 +1,5 @@
+import type { LinkFloatingToolbarState } from "@udecode/plate-link/react";
+export interface LinkFloatingToolbarProps {
+    state?: LinkFloatingToolbarState;
+}
+export declare function LinkFloatingToolbar({ state }: LinkFloatingToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/plate/components/link-floating-toolbar.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "@udecode/cn";
+import { useFormInputProps } from "@udecode/plate-common/react";
+import { flip, offset } from "@udecode/plate-floating";
+import { FloatingLinkUrlInput, LinkOpenButton, useFloatingLinkEdit, useFloatingLinkEditState, useFloatingLinkInsert, useFloatingLinkInsertState, } from "@udecode/plate-link/react";
+import { Icons } from "../icons";
+import { buttonVariants } from "./button";
+import { inputVariants } from "./input";
+import { popoverVariants } from "./popover";
+import { Separator } from "./separator";
+const floatingOptions = {
+    middleware: [
+        offset(12),
+        flip({
+            fallbackPlacements: ["bottom-end", "top-start", "top-end"],
+            padding: 12,
+        }),
+    ],
+    placement: "bottom-start",
+};
+export function LinkFloatingToolbar({ state }) {
+    const insertState = useFloatingLinkInsertState({
+        ...state,
+        floatingOptions: {
+            ...floatingOptions,
+            ...state?.floatingOptions,
+        },
+    });
+    const { hidden, props: insertProps, ref: insertRef, textInputProps, } = useFloatingLinkInsert(insertState);
+    const editState = useFloatingLinkEditState({
+        ...state,
+        floatingOptions: {
+            ...floatingOptions,
+            ...state?.floatingOptions,
+        },
+    });
+    const { editButtonProps, props: editProps, ref: editRef, unlinkButtonProps, } = useFloatingLinkEdit(editState);
+    const inputProps = useFormInputProps({
+        preventDefaultOnEnterKeydown: true,
+    });
+    if (hidden)
+        return null;
+    const input = (_jsxs("div", { className: "flex w-[330px] flex-col bg-white", ...inputProps, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex items-center pl-3 text-muted-foreground", children: _jsx(Icons.link, { className: "size-4" }) }), _jsx(FloatingLinkUrlInput, { className: inputVariants({ h: "sm", variant: "ghost" }), placeholder: "Paste link" })] }), _jsx(Separator, {}), _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex items-center pl-3 text-muted-foreground", children: _jsx(Icons.text, { className: "size-4" }) }), _jsx("input", { className: inputVariants({ h: "sm", variant: "ghost" }), placeholder: "Text to display", ...textInputProps })] })] }));
+    const editContent = editState.isEditing ? (input) : (_jsxs("div", { className: "box-content flex items-center gap-1 h-9", children: [_jsx("button", { className: buttonVariants({ size: "sm", variant: "ghost" }), type: "button", ...editButtonProps, children: "Edit link" }), _jsx(Separator, { orientation: "vertical" }), _jsx(LinkOpenButton, { className: buttonVariants({
+                    size: "sms",
+                    variant: "ghost",
+                }), children: _jsx(Icons.externalLink, { width: 18 }) }), _jsx(Separator, { orientation: "vertical" }), _jsx("button", { className: buttonVariants({
+                    size: "sms",
+                    variant: "ghost",
+                }), type: "button", ...unlinkButtonProps, children: _jsx(Icons.unlink, { width: 18 }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn(popoverVariants(), "w-auto p-1"), ref: insertRef, ...insertProps, children: input }), _jsx("div", { className: cn(popoverVariants(), "w-auto p-1"), ref: editRef, ...editProps, children: editContent })] }));
+}
+//# sourceMappingURL=link-floating-toolbar.js.map

package/dist/src/components/plate/components/link-floating-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-floating-toolbar.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/link-floating-toolbar.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/plate/components/link-toolbar-button.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export declare const LinkToolbarButton: React.ForwardRefExoticComponent<Omit<{
+    tooltip?: React.ReactNode;
+    tooltipContentProps?: Omit<React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>>>, "children">;
+    tooltipProps?: Omit<React.ComponentPropsWithoutRef<React.FC<import("@radix-ui/react-tooltip").TooltipProps>>, "children">;
+} & Omit<{
+    isDropdown?: boolean;
+    pressed?: boolean;
+} & Omit<Omit<Omit<import("@radix-ui/react-toolbar").ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
+    size?: "default" | "sm" | "lg";
+    variant?: "outline" | "default";
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref">, "value" | "asChild"> & import("class-variance-authority").VariantProps<(props?: {
+    size?: "default" | "sm" | "lg";
+    variant?: "outline" | "default";
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/plate/components/link-toolbar-button.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { withRef } from "@udecode/cn";
+import { useLinkToolbarButton, useLinkToolbarButtonState, } from "@udecode/plate-link/react";
+import { Icons } from "../icons";
+import { ToolbarButton } from "./toolbar";
+export const LinkToolbarButton = withRef((rest, ref) => {
+    const state = useLinkToolbarButtonState();
+    const { props } = useLinkToolbarButton(state);
+    return (_jsx(ToolbarButton, { ref: ref, tooltip: "Link", ...props, ...rest, children: _jsx(Icons.link, {}) }));
+});
+//# sourceMappingURL=link-toolbar-button.js.map

package/dist/src/components/plate/components/link-toolbar-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-toolbar-button.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/link-toolbar-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EACL,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAuB,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG,yBAAyB,EAAE,CAAC;IAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,MAAM,KAAK,KAAK,KAAM,IAAI,YACzD,KAAC,KAAK,CAAC,IAAI,KAAG,GACA,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/plate/components/mark-toolbar-button.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export declare const MarkToolbarButton: React.ForwardRefExoticComponent<Omit<{
+    tooltip?: React.ReactNode;
+    tooltipContentProps?: Omit<React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>>>, "children">;
+    tooltipProps?: Omit<React.ComponentPropsWithoutRef<React.FC<import("@radix-ui/react-tooltip").TooltipProps>>, "children">;
+} & Omit<{
+    isDropdown?: boolean;
+    pressed?: boolean;
+} & Omit<Omit<Omit<import("@radix-ui/react-toolbar").ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
+    size?: "default" | "sm" | "lg";
+    variant?: "outline" | "default";
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref">, "value" | "asChild"> & import("class-variance-authority").VariantProps<(props?: {
+    size?: "default" | "sm" | "lg";
+    variant?: "outline" | "default";
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    clear?: string | string[];
+    nodeType: string;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/plate/components/mark-toolbar-button.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { withRef } from "@udecode/cn";
+import { useMarkToolbarButton, useMarkToolbarButtonState, } from "@udecode/plate-common/react";
+import { ToolbarButton } from "./toolbar";
+export const MarkToolbarButton = withRef(({ clear, nodeType, ...rest }, ref) => {
+    const state = useMarkToolbarButtonState({ clear, nodeType });
+    const { props } = useMarkToolbarButton(state);
+    return _jsx(ToolbarButton, { ref: ref, ...props, ...rest });
+});
+//# sourceMappingURL=mark-toolbar-button.js.map

package/dist/src/components/plate/components/mark-toolbar-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark-toolbar-button.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/mark-toolbar-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EACL,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAMtC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACtC,MAAM,KAAK,GAAG,yBAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7D,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,KAAM,IAAI,GAAI,CAAC;AAC1D,CAAC,CAAC,CAAC"}

package/dist/src/components/plate/components/media-embed-element.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export declare const MediaEmbedElement: React.ForwardRefExoticComponent<Omit<Omit<{
+    elementToAttributes?: (element: import("@udecode/plate-common").TElement) => any;
+} & Omit<{
+    as?: React.ElementType;
+    asChild?: boolean;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<any>, "ref"> & {
+    ref?: React.Ref<any>;
+} & import("@udecode/plate-common").BasePluginContext<import("@udecode/plate-common/react").AnyPlatePlugin> & {
+    useOption: {
+        <K extends string | number | symbol, F extends any, Args extends Parameters<F & ((...args: any[]) => any)>>(optionKey: K, ...args: Args): F extends (...args: any[]) => any ? ReturnType<F> : F;
+        <K extends string | number | symbol, F extends any>(optionKey: K): F extends (...args: any[]) => any ? never : F;
+    };
+    editor: import("@udecode/plate-common/react").PlateEditor;
+    plugin: import("@udecode/plate-common/react").EditorPlatePlugin<import("@udecode/plate-common/react").AnyPlatePlugin>;
+} & {
+    className?: string;
+    nodeProps?: import("@udecode/plate-common").AnyObject;
+} & import("@udecode/slate-react").TRenderElementProps<import("@udecode/plate-common").TElement> & {
+    path: import("slate").Path;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<never>, "ref"> & React.RefAttributes<unknown>>;

package/dist/src/components/plate/components/media-embed-element.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, withRef } from "@udecode/cn";
+import { PlateElement, withHOC } from "@udecode/plate-common/react";
+import { parseTwitterUrl, parseVideoUrl } from "@udecode/plate-media";
+import { MediaEmbedPlugin, useMediaState } from "@udecode/plate-media/react";
+import { ResizableProvider, useResizableStore } from "@udecode/plate-resizable";
+import LiteYouTubeEmbed from "react-lite-youtube-embed";
+import { Caption, CaptionTextarea } from "./caption";
+import { MediaPopover } from "./media-popover";
+import { mediaResizeHandleVariants, Resizable, ResizeHandle, } from "./resizable";
+export const MediaEmbedElement = withHOC(ResizableProvider, withRef(({ children, className, ...props }, ref) => {
+    const { align = "center", embed, focused, isTweet, isVideo, isYoutube, selected, } = useMediaState({
+        urlParsers: [parseTwitterUrl, parseVideoUrl],
+    });
+    const width = useResizableStore().get.width();
+    const provider = embed?.provider;
+    return (_jsx(MediaPopover, { plugin: MediaEmbedPlugin, children: _jsxs(PlateElement, { className: cn("relative py-2.5", className), ref: ref, ...props, children: [_jsxs("figure", { className: "relative w-full m-0 group", contentEditable: false, children: [_jsxs(Resizable, { align: align, options: {
+                                align,
+                                maxWidth: isTweet ? 550 : "100%",
+                                minWidth: isTweet ? 300 : 100,
+                            }, children: [_jsx(ResizeHandle, { className: mediaResizeHandleVariants({ direction: "left" }), options: { direction: "left" } }), isVideo ? (isYoutube ? (_jsx(LiteYouTubeEmbed, { id: embed.id, title: "youtube", wrapperClass: cn("rounded-sm", focused && selected && "ring-2 ring-ring ring-offset-2", "relative block cursor-pointer bg-black bg-cover bg-center [contain:content]", "[&.lyt-activated]:before:absolute [&.lyt-activated]:before:top-0 [&.lyt-activated]:before:h-[60px] [&.lyt-activated]:before:w-full [&.lyt-activated]:before:bg-top [&.lyt-activated]:before:bg-repeat-x [&.lyt-activated]:before:pb-[50px] [&.lyt-activated]:before:[transition:all_0.2s_cubic-bezier(0,_0,_0.2,_1)]", "[&.lyt-activated]:before:bg-[url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==)]", 'after:block after:pb-[var(--aspect-ratio)] after:content-[""]', "[&_>_iframe]:absolute [&_>_iframe]:left-0 [&_>_iframe]:top-0 [&_>_iframe]:size-full", "[&_>_.lty-playbtn]:z-[1] [&_>_.lty-playbtn]:h-[46px] [&_>_.lty-playbtn]:w-[70px] [&_>_.lty-playbtn]:rounded-[14%] [&_>_.lty-playbtn]:bg-[#212121] [&_>_.lty-playbtn]:opacity-80 [&_>_.lty-playbtn]:[transition:all_0.2s_cubic-bezier(0,_0,_0.2,_1)]", "[&:hover_>_.lty-playbtn]:bg-[red] [&:hover_>_.lty-playbtn]:opacity-100", '[&_>_.lty-playbtn]:before:border-y-[11px] [&_>_.lty-playbtn]:before:border-l-[19px] [&_>_.lty-playbtn]:before:border-r-0 [&_>_.lty-playbtn]:before:border-[transparent_transparent_transparent_#fff] [&_>_.lty-playbtn]:before:content-[""]', "[&_>_.lty-playbtn]:absolute [&_>_.lty-playbtn]:left-1/2 [&_>_.lty-playbtn]:top-1/2 [&_>_.lty-playbtn]:[transform:translate3d(-50%,-50%,0)]", "[&_>_.lty-playbtn]:before:absolute [&_>_.lty-playbtn]:before:left-1/2 [&_>_.lty-playbtn]:before:top-1/2 [&_>_.lty-playbtn]:before:[transform:translate3d(-50%,-50%,0)]", "[&.lyt-activated]:cursor-[unset]", "[&.lyt-activated]:before:pointer-events-none [&.lyt-activated]:before:opacity-0", "[&.lyt-activated_>_.lty-playbtn]:pointer-events-none [&.lyt-activated_>_.lty-playbtn]:!opacity-0") })) : (_jsx("div", { className: cn(provider === "vimeo" && "pb-[75%]", provider === "youku" && "pb-[56.25%]", provider === "dailymotion" && "pb-[56.0417%]", provider === "coub" && "pb-[51.25%]"), children: _jsx("iframe", { allowFullScreen: true, className: cn("absolute left-0 top-0 size-full rounded-sm", isVideo && "border-0", focused && selected && "ring-2 ring-ring ring-offset-2"), src: embed.url, title: "embed" }) }))) : null, _jsx(ResizeHandle, { className: mediaResizeHandleVariants({ direction: "right" }), options: { direction: "right" } })] }), _jsx(Caption, { align: align, style: { width }, children: _jsx(CaptionTextarea, { placeholder: "Write a caption..." }) })] }), children] }) }));
+}));
+//# sourceMappingURL=media-embed-element.js.map

package/dist/src/components/plate/components/media-embed-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-embed-element.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/media-embed-element.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/plate/components/media-popover.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { WithRequiredKey } from "@udecode/plate-common";
+export interface MediaPopoverProps {
+    children: React.ReactNode;
+    plugin: WithRequiredKey;
+}
+export declare function MediaPopover({ children, plugin }: MediaPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/plate/components/media-popover.js

@@ -0,0 +1,30 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isSelectionExpanded } from "@udecode/plate-common";
+import { useEditorSelector, useElement, useRemoveNodeButton, } from "@udecode/plate-common/react";
+import { floatingMediaActions, FloatingMedia as FloatingMediaPrimitive, useFloatingMediaSelectors, } from "@udecode/plate-media/react";
+import { useEffect } from "react";
+import { useReadOnly, useSelected } from "slate-react";
+import { Icons } from "../icons";
+import { Button, buttonVariants } from "./button";
+import { CaptionButton } from "./caption";
+import { inputVariants } from "./input";
+import { Popover, PopoverAnchor, PopoverContent } from "./popover";
+import { Separator } from "./separator";
+export function MediaPopover({ children, plugin }) {
+    const readOnly = useReadOnly();
+    const selected = useSelected();
+    const selectionCollapsed = useEditorSelector((editor) => !isSelectionExpanded(editor), []);
+    const isOpen = !readOnly && selected && selectionCollapsed;
+    const isEditing = useFloatingMediaSelectors().isEditing();
+    useEffect(() => {
+        if (!isOpen && isEditing) {
+            floatingMediaActions.isEditing(false);
+        }
+    }, [isOpen]);
+    const element = useElement();
+    const { props: buttonProps } = useRemoveNodeButton({ element });
+    if (readOnly)
+        return _jsx(_Fragment, { children: children });
+    return (_jsxs(Popover, { modal: false, open: isOpen, children: [_jsx(PopoverAnchor, { children: children }), _jsx(PopoverContent, { className: "w-auto p-1", onOpenAutoFocus: (e) => e.preventDefault(), children: isEditing ? (_jsx("div", { className: "flex w-[330px] flex-col", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex items-center pl-3 text-muted-foreground", children: _jsx(Icons.link, { className: "size-4" }) }), _jsx(FloatingMediaPrimitive.UrlInput, { className: inputVariants({ h: "sm", variant: "ghost" }), options: { plugin }, placeholder: "Paste the embed link..." })] }) })) : (_jsxs("div", { className: "box-content flex items-center gap-1 h-9", children: [_jsx(FloatingMediaPrimitive.EditButton, { className: buttonVariants({ size: "sm", variant: "ghost" }), children: "Edit link" }), _jsx(CaptionButton, { variant: "ghost", children: "Caption" }), _jsx(Separator, { className: "my-1", orientation: "vertical" }), _jsx(Button, { size: "sms", variant: "ghost", ...buttonProps, children: _jsx(Icons.delete, { className: "size-4" }) })] })) })] }));
+}
+//# sourceMappingURL=media-popover.js.map

package/dist/src/components/plate/components/media-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-popover.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/media-popover.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/plate/components/mention-element.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { TMentionElement } from "@udecode/plate-mention";
+export declare const MentionElement: React.ForwardRefExoticComponent<Omit<{
+    elementToAttributes?: (element: import("@udecode/plate-common").TElement) => any;
+} & Omit<{
+    as?: React.ElementType;
+    asChild?: boolean;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<any>, "ref"> & {
+    ref?: React.Ref<any>;
+} & import("@udecode/plate-common").BasePluginContext<import("@udecode/plate-common/react").AnyPlatePlugin> & {
+    useOption: {
+        <K extends string | number | symbol, F extends any, Args extends Parameters<F & ((...args: any[]) => any)>>(optionKey: K, ...args: Args): F extends (...args: any[]) => any ? ReturnType<F> : F;
+        <K extends string | number | symbol, F extends any>(optionKey: K): F extends (...args: any[]) => any ? never : F;
+    };
+    editor: import("@udecode/plate-common/react").PlateEditor;
+    plugin: import("@udecode/plate-common/react").EditorPlatePlugin<import("@udecode/plate-common/react").AnyPlatePlugin>;
+} & {
+    className?: string;
+    nodeProps?: import("@udecode/plate-common").AnyObject;
+} & import("@udecode/slate-react").TRenderElementProps<import("@udecode/plate-common").TElement> & {
+    path: import("slate").Path;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    onClick?: (mentionNode: any) => void;
+    prefix?: string;
+    renderLabel?: (mentionable: TMentionElement) => string;
+} & React.RefAttributes<never>>;

package/dist/src/components/plate/components/mention-element.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, withRef } from "@udecode/cn";
+import { getHandler } from "@udecode/plate-common";
+import { PlateElement, useElement } from "@udecode/plate-common/react";
+import { useFocused, useSelected } from "slate-react";
+export const MentionElement = withRef(({ children, className, onClick, prefix, renderLabel, ...props }, ref) => {
+    const element = useElement();
+    const selected = useSelected();
+    const focused = useFocused();
+    return (_jsxs(PlateElement, { className: cn("inline-block cursor-pointer rounded-md bg-muted px-1.5 py-0.5 align-baseline text-sm font-medium", selected && focused && "ring-2 ring-ring", element.children[0].bold === true && "font-bold", element.children[0].italic === true && "italic", element.children[0].underline === true && "underline", className), contentEditable: false, "data-slate-value": element.value, onClick: getHandler(onClick, element), ref: ref, ...props, children: [prefix, renderLabel ? renderLabel(element) : element.value, children] }));
+});
+//# sourceMappingURL=mention-element.js.map

package/dist/src/components/plate/components/mention-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-element.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/mention-element.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAItD,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAOnC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,UAAU,EAAmB,CAAC;IAC9C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,QAAQ,IAAI,OAAO,IAAI,kBAAkB,EACzC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAChD,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,QAAQ,EAC/C,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,WAAW,EACrD,SAAS,CACV,EACD,eAAe,EAAE,KAAK,sBACJ,OAAO,CAAC,KAAK,EAC/B,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,EACrC,GAAG,EAAE,GAAG,KACJ,KAAK,aAER,MAAM,EACN,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAClD,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}