@micromerce/formbuilder-react 1.0.651 → 1.0.656

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

@@ -0,0 +1,25 @@
+import React from "react";
+export declare const MentionInputElement: 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>>;
+export declare const MENTIONABLES: {
+    key: string;
+    text: string;
+}[];

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

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn, withRef } from "@udecode/cn";
+import { PlateElement } from "@udecode/plate-common/react";
+import { getMentionOnSelectItem } from "@udecode/plate-mention";
+import { InlineCombobox, InlineComboboxContent, InlineComboboxEmpty, InlineComboboxInput, InlineComboboxItem, } from "./inline-combobox";
+const onSelectItem = getMentionOnSelectItem();
+export const MentionInputElement = withRef(({ className, ...props }, ref) => {
+    const { children, editor, element } = props;
+    const [search, setSearch] = useState("");
+    return (_jsxs(PlateElement, { as: "span", "data-slate-value": element.value, ref: ref, ...props, children: [_jsxs(InlineCombobox, { element: element, setValue: setSearch, showTrigger: false, trigger: "@", value: search, children: [_jsx("span", { className: cn("inline-block rounded-md bg-muted px-1.5 py-0.5 align-baseline text-sm ring-ring focus-within:ring-2", className), children: _jsx(InlineComboboxInput, {}) }), _jsxs(InlineComboboxContent, { className: "my-1.5", children: [_jsx(InlineComboboxEmpty, { children: "No results found" }), MENTIONABLES.map((item) => (_jsx(InlineComboboxItem, { onClick: () => onSelectItem(editor, item, search), value: item.text, children: item.text }, item.key)))] })] }), children] }));
+});
+export const MENTIONABLES = [
+    { key: "0", text: "Aayla Secura" },
+    { key: "1", text: "Adi Gallia" },
+    {
+        key: "2",
+        text: "Admiral Dodd Rancit",
+    },
+    {
+        key: "3",
+        text: "Admiral Firmus Piett",
+    },
+    {
+        key: "4",
+        text: "Admiral Gial Ackbar",
+    },
+    { key: "5", text: "Admiral Ozzel" },
+    { key: "6", text: "Admiral Raddus" },
+    {
+        key: "7",
+        text: "Admiral Terrinald Screed",
+    },
+    { key: "8", text: "Admiral Trench" },
+    {
+        key: "9",
+        text: "Admiral U.O. Statura",
+    },
+    { key: "10", text: "Agen Kolar" },
+    { key: "11", text: "Agent Kallus" },
+    {
+        key: "12",
+        text: "Aiolin and Morit Astarte",
+    },
+    { key: "13", text: "Aks Moe" },
+    { key: "14", text: "Almec" },
+    { key: "15", text: "Alton Kastle" },
+    { key: "16", text: "Amee" },
+    { key: "17", text: "AP-5" },
+    { key: "18", text: "Armitage Hux" },
+    { key: "19", text: "Artoo" },
+    { key: "20", text: "Arvel Crynyd" },
+    { key: "21", text: "Asajj Ventress" },
+    { key: "22", text: "Aurra Sing" },
+    { key: "23", text: "AZI-3" },
+    { key: "24", text: "Bala-Tik" },
+    { key: "25", text: "Barada" },
+    { key: "26", text: "Bargwill Tomder" },
+    { key: "27", text: "Baron Papanoida" },
+    { key: "28", text: "Barriss Offee" },
+    { key: "29", text: "Baze Malbus" },
+    { key: "30", text: "Bazine Netal" },
+    { key: "31", text: "BB-8" },
+    { key: "32", text: "BB-9E" },
+    { key: "33", text: "Ben Quadinaros" },
+    { key: "34", text: "Berch Teller" },
+    { key: "35", text: "Beru Lars" },
+    { key: "36", text: "Bib Fortuna" },
+    {
+        key: "37",
+        text: "Biggs Darklighter",
+    },
+    { key: "38", text: "Black Krrsantan" },
+    { key: "39", text: "Bo-Katan Kryze" },
+    { key: "40", text: "Boba Fett" },
+    { key: "41", text: "Bobbajo" },
+    { key: "42", text: "Bodhi Rook" },
+    { key: "43", text: "Borvo the Hutt" },
+    { key: "44", text: "Boss Nass" },
+    { key: "45", text: "Bossk" },
+    {
+        key: "46",
+        text: "Breha Antilles-Organa",
+    },
+    { key: "47", text: "Bren Derlin" },
+    { key: "48", text: "Brendol Hux" },
+    { key: "49", text: "BT-1" },
+];
+//# sourceMappingURL=mention-input-element.js.map

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

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

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

@@ -0,0 +1,15 @@
+import React from "react";
+export declare const OutdentToolbarButton: 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/outdent-toolbar-button.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { withRef } from "@udecode/cn";
+import { useOutdentButton } from "@udecode/plate-indent/react";
+import { Icons } from "../icons";
+import { ToolbarButton } from "./toolbar";
+export const OutdentToolbarButton = withRef((rest, ref) => {
+    const { props } = useOutdentButton();
+    return (_jsx(ToolbarButton, { ref: ref, tooltip: "Outdent", ...props, ...rest, children: _jsx(Icons.outdent, {}) }));
+});
+//# sourceMappingURL=outdent-toolbar-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"outdent-toolbar-button.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/outdent-toolbar-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CACzC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,OAAO,CACL,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,KAAK,KAAK,KAAM,IAAI,YAC5D,KAAC,KAAK,CAAC,OAAO,KAAG,GACH,CACjB,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,20 @@
+export declare const ParagraphElement: import("react").ForwardRefExoticComponent<Omit<{
+    elementToAttributes?: (element: import("@udecode/plate-common").TElement) => any;
+} & Omit<{
+    as?: React.ElementType;
+    asChild?: boolean;
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<any>, "ref"> & {
+    ref?: import("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;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<any>>;

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

@@ -0,0 +1,4 @@
+import { withCn } from "@udecode/cn";
+import { PlateElement } from "@udecode/plate-common/react";
+export const ParagraphElement = withCn(PlateElement, "m-0 px-0 py-1");
+//# sourceMappingURL=paragraph-element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-element.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/paragraph-element.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC"}

package/dist/src/components/plate/components/placeholder.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { PlaceholderProps } from "@udecode/plate-common/react";
+export declare const Placeholder: (props: PlaceholderProps) => any;
+export declare const withPlaceholder: (Component: any, props: Omit<PlaceholderProps, "editor" | "className" | "path" | "useOption" | "plugin" | "nodeProps" | keyof import("@udecode/slate-react").TRenderElementProps<import("@udecode/plate-common").TElement> | keyof import("@udecode/plate-common").BasePluginContext<import("@udecode/plate-common").PluginConfig>>) => (childrenProps: import("@udecode/plate-common/react").PlateRenderElementProps) => React.JSX.Element;
+export declare const withPlaceholdersPrimitive: (components: any, options: import("@udecode/plate-common/react").CreateHOCOptions<PlaceholderProps> | import("@udecode/plate-common/react").CreateHOCOptions<PlaceholderProps>[]) => any;
+export declare const withPlaceholders: (components: any) => any;

package/dist/src/components/plate/components/placeholder.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { cn } from "@udecode/cn";
+import { createNodeHOC, createNodesHOC, ParagraphPlugin, usePlaceholderState, } from "@udecode/plate-common/react";
+import { HEADING_KEYS } from "@udecode/plate-heading";
+export const Placeholder = (props) => {
+    const { children, nodeProps, placeholder } = props;
+    const { enabled } = usePlaceholderState(props);
+    return React.Children.map(children, (child) => {
+        return React.cloneElement(child, {
+            className: child.props.className,
+            nodeProps: {
+                ...nodeProps,
+                className: cn(enabled &&
+                    "before:absolute before:cursor-text before:opacity-30 before:content-[attr(placeholder)]"),
+                placeholder,
+            },
+        });
+    });
+};
+export const withPlaceholder = createNodeHOC(Placeholder);
+export const withPlaceholdersPrimitive = createNodesHOC(Placeholder);
+export const withPlaceholders = (components) => withPlaceholdersPrimitive(components, [
+    {
+        hideOnBlur: true,
+        key: ParagraphPlugin.key,
+        placeholder: "Type a paragraph",
+        query: {
+            maxLevel: 1,
+        },
+    },
+    {
+        hideOnBlur: false,
+        key: HEADING_KEYS.h1,
+        placeholder: "Untitled",
+    },
+]);
+//# sourceMappingURL=placeholder.js.map

package/dist/src/components/plate/components/placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAItD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEnD,MAAM,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC5C,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;YAChC,SAAS,EAAE;gBACT,GAAG,SAAS;gBACZ,SAAS,EAAE,EAAE,CACX,OAAO;oBACL,yFAAyF,CAC5F;gBACD,WAAW;aACZ;SACF,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,yBAAyB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAe,EAAE,EAAE,CAClD,yBAAyB,CAAC,UAAU,EAAE;IACpC;QACE,UAAU,EAAE,IAAI;QAChB,GAAG,EAAE,eAAe,CAAC,GAAG;QACxB,WAAW,EAAE,kBAAkB;QAC/B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC;SACZ;KACF;IACD;QACE,UAAU,EAAE,KAAK;QACjB,GAAG,EAAE,YAAY,CAAC,EAAE;QACpB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+export declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const popoverVariants: (props?: import("class-variance-authority/types").ClassProp) => string;
+export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn, withRef } from "@udecode/cn";
+import { cva } from "class-variance-authority";
+export const Popover = PopoverPrimitive.Root;
+export const PopoverTrigger = PopoverPrimitive.Trigger;
+export const PopoverAnchor = PopoverPrimitive.Anchor;
+export const popoverVariants = cva("w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 print:hidden bg-white");
+export const PopoverContent = withRef(({ className, style, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn(popoverVariants(), className), style: { zIndex: 1000, ...style }, ...props }) })));
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,6bAA6b,CAC9b,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CACnC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzE,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,SAAS,CAAC,EAC3C,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,KAC7B,KAAK,GACT,GACsB,CAC3B,CACF,CAAC"}

package/dist/src/components/plate/components/resizable.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+export declare const mediaResizeHandleVariants: (props?: {
+    direction?: "left" | "right";
+} & import("class-variance-authority/types").ClassProp) => string;
+export declare const ResizeHandle: React.ForwardRefExoticComponent<Omit<{
+    as?: React.ElementType;
+    asChild?: boolean;
+    className?: string;
+    options?: import("@udecode/plate-resizable").ResizeHandleOptions | undefined;
+    setProps?: ((hookProps: {
+        onMouseDown: React.MouseEventHandler<Element>;
+        onMouseOut: () => void;
+        onMouseOver: () => void;
+        onTouchEnd: () => void;
+        onTouchMove: () => void;
+        onTouchStart: React.TouchEventHandler<Element>;
+    }) => Omit<React.HTMLAttributes<HTMLDivElement>, "onResize">) | undefined;
+    state?: {
+        direction: import("@udecode/plate-resizable").ResizeDirection;
+        initialPosition: number;
+        initialSize: number;
+        isHorizontal: boolean;
+        isResizing: boolean;
+        readOnly: boolean;
+        setInitialPosition: React.Dispatch<React.SetStateAction<number>>;
+        setInitialSize: React.Dispatch<React.SetStateAction<number>>;
+        setIsResizing: React.Dispatch<React.SetStateAction<boolean>>;
+        onHover: (() => void) | undefined;
+        onHoverEnd: (() => void) | undefined;
+        onMouseDown: React.MouseEventHandler<Element> | undefined;
+        onResize: (event: import("@udecode/plate-resizable").ResizeEvent) => void;
+        onTouchStart: React.TouchEventHandler<Element> | undefined;
+    } | undefined;
+    style?: React.CSSProperties;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onResize"> & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
+export declare const Resizable: React.ForwardRefExoticComponent<Omit<{
+    options: import("@udecode/plate-resizable").ResizableOptions;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
+    align?: "left" | "right" | "center";
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/plate/components/resizable.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, withRef, withVariants } from "@udecode/cn";
+import { Resizable as ResizablePrimitive, ResizeHandle as ResizeHandlePrimitive, } from "@udecode/plate-resizable";
+import { cva } from "class-variance-authority";
+export const mediaResizeHandleVariants = cva(cn("top-0 flex w-6 select-none flex-col justify-center", "after:flex after:h-16 after:w-[3px] after:rounded-[6px] after:bg-ring after:opacity-0 after:content-['_'] group-hover:after:opacity-100"), {
+    variants: {
+        direction: {
+            left: "-left-3 -ml-3 pl-3",
+            right: "-right-3 -mr-3 items-end pr-3",
+        },
+    },
+});
+const resizeHandleVariants = cva(cn("absolute z-40"), {
+    variants: {
+        direction: {
+            bottom: "w-full cursor-row-resize",
+            left: "h-full cursor-col-resize",
+            right: "h-full cursor-col-resize",
+            top: "w-full cursor-row-resize",
+        },
+    },
+});
+const ResizeHandleVariants = withVariants(ResizeHandlePrimitive, resizeHandleVariants, ["direction"]);
+export const ResizeHandle = withRef((props, ref) => (_jsx(ResizeHandleVariants, { direction: props.options?.direction, ref: ref, ...props })));
+const resizableVariants = cva("", {
+    variants: {
+        align: {
+            center: "mx-auto",
+            left: "mr-auto",
+            right: "ml-auto",
+        },
+    },
+});
+export const Resizable = withVariants(ResizablePrimitive, resizableVariants, [
+    "align",
+]);
+//# sourceMappingURL=resizable.js.map

package/dist/src/components/plate/components/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/resizable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EACL,SAAS,IAAI,kBAAkB,EAC/B,YAAY,IAAI,qBAAqB,GACtC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C,EAAE,CACA,oDAAoD,EACpD,yIAAyI,CAC1I,EACD;IACE,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,+BAA+B;SACvC;KACF;CACF,CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE;IACpD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,MAAM,EAAE,0BAA0B;YAClC,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,0BAA0B;YACjC,GAAG,EAAE,0BAA0B;SAChC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,YAAY,CACvC,qBAAqB,EACrB,oBAAoB,EACpB,CAAC,WAAW,CAAC,CACd,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACd,KAAC,oBAAoB,IACnB,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EACnC,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,CAAC,EAAE,EAAE;IAChC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,YAAY,CAAC,kBAAkB,EAAE,iBAAiB,EAAE;IAC3E,OAAO;CACR,CAAC,CAAC"}

package/dist/src/components/plate/components/separator.d.ts

@@ -0,0 +1,4 @@
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+export declare const Separator: import("react").ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
+    orientation?: "horizontal" | "vertical";
+} & import("class-variance-authority/types").ClassProp) => string> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/plate/components/separator.js

@@ -0,0 +1,20 @@
+"use client";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { withProps, withVariants } from "@udecode/cn";
+import { cva } from "class-variance-authority";
+const separatorVariants = cva("shrink-0 bg-border", {
+    defaultVariants: {
+        orientation: "horizontal",
+    },
+    variants: {
+        orientation: {
+            horizontal: "h-px w-full",
+            vertical: "h-full w-px",
+        },
+    },
+});
+export const Separator = withVariants(withProps(SeparatorPrimitive.Root, {
+    decorative: true,
+    orientation: "horizontal",
+}), separatorVariants);
+//# sourceMappingURL=separator.js.map

package/dist/src/components/plate/components/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,iBAAiB,GAAG,GAAG,CAAC,oBAAoB,EAAE;IAClD,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;KAC1B;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EAAE,aAAa;YACzB,QAAQ,EAAE,aAAa;SACxB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,YAAY,CACnC,SAAS,CAAC,kBAAkB,CAAC,IAAI,EAAE;IACjC,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,YAAY;CAC1B,CAAC,EACF,iBAAiB,CAClB,CAAC"}

package/dist/src/components/plate/components/slash-input-element.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { PlateEditor } from "@udecode/plate-common/react";
+export declare const SlashInputElement: 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: 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/slash-input-element.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withRef } from "@udecode/cn";
+import { PlateElement } from "@udecode/plate-common/react";
+import { DatePlugin } from "@udecode/plate-date/react";
+import { HEADING_KEYS } from "@udecode/plate-heading";
+import { ListStyleType, toggleIndentList } from "@udecode/plate-indent-list";
+import { Icons } from "../icons";
+import { InlineCombobox, InlineComboboxContent, InlineComboboxEmpty, InlineComboboxInput, InlineComboboxItem, } from "./inline-combobox";
+const rules = [
+    {
+        icon: Icons.h1,
+        onSelect: (editor) => {
+            editor.tf.toggle.block({ type: HEADING_KEYS.h1 });
+        },
+        value: "Heading 1",
+    },
+    {
+        icon: Icons.h2,
+        onSelect: (editor) => {
+            editor.tf.toggle.block({ type: HEADING_KEYS.h2 });
+        },
+        value: "Heading 2",
+    },
+    {
+        icon: Icons.h3,
+        onSelect: (editor) => {
+            editor.tf.toggle.block({ type: HEADING_KEYS.h3 });
+        },
+        value: "Heading 3",
+    },
+    {
+        icon: Icons.ul,
+        keywords: ["ul", "unordered list"],
+        onSelect: (editor) => {
+            toggleIndentList(editor, {
+                listStyleType: ListStyleType.Disc,
+            });
+        },
+        value: "Bulleted list",
+    },
+    {
+        icon: Icons.ol,
+        keywords: ["ol", "ordered list"],
+        onSelect: (editor) => {
+            toggleIndentList(editor, {
+                listStyleType: ListStyleType.Decimal,
+            });
+        },
+        value: "Numbered list",
+    },
+    {
+        icon: Icons.add,
+        keywords: ["inline", "date"],
+        onSelect: (editor) => {
+            editor.getTransforms(DatePlugin).insert.date();
+        },
+        value: "Date",
+    },
+];
+export const SlashInputElement = withRef(({ className, ...props }, ref) => {
+    const { children, editor, element } = props;
+    return (_jsxs(PlateElement, { as: "span", "data-slate-value": element.value, ref: ref, ...props, children: [_jsxs(InlineCombobox, { element: element, trigger: "/", children: [_jsx(InlineComboboxInput, {}), _jsxs(InlineComboboxContent, { children: [_jsx(InlineComboboxEmpty, { children: "No matching commands found" }), rules.map(({ icon: Icon, keywords, onSelect, value }) => (_jsxs(InlineComboboxItem, { keywords: keywords, onClick: () => onSelect(editor), value: value, children: [_jsx(Icon, { "aria-hidden": true, className: "mr-2 size-4" }), value] }, value)))] })] }), children] }));
+});
+//# sourceMappingURL=slash-input-element.js.map

package/dist/src/components/plate/components/slash-input-element.js.map

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

package/dist/src/components/plate/components/table-cell-element.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+export declare const TableCellElement: 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"> & {
+    hideBorder?: boolean;
+    isHeader?: boolean;
+} & React.RefAttributes<never>>;
+export declare const TableCellHeaderElement: 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"> & {
+    hideBorder?: boolean;
+    isHeader?: boolean;
+} & React.RefAttributes<never>, "ref"> & React.RefAttributes<never>>;

package/dist/src/components/plate/components/table-cell-element.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, withProps, withRef } from "@udecode/cn";
+import { PlateElement } from "@udecode/plate-common/react";
+import { useTableCellElement, useTableCellElementResizable, 
+// @ts-ignore
+useTableCellElementResizableState, 
+// @ts-ignore
+useTableCellElementState, } from "@udecode/plate-table/react";
+import { ResizeHandle } from "./resizable";
+export const TableCellElement = withRef(({ children, className, hideBorder, isHeader, style, ...props }, ref) => {
+    const { element } = props;
+    const { borders, colIndex, colSpan, hovered, hoveredLeft, isSelectingCell, readOnly, rowIndex, rowSize, selected, } = useTableCellElementState();
+    const { props: cellProps } = useTableCellElement({ element: props.element });
+    const resizableState = useTableCellElementResizableState({
+        colIndex,
+        colSpan,
+        rowIndex,
+    });
+    const { bottomProps, hiddenLeft, leftProps, rightProps } = useTableCellElementResizable(resizableState);
+    const Cell = isHeader ? "th" : "td";
+    return (_jsx(PlateElement, { asChild: true, className: cn("relative h-full overflow-visible border-none bg-background p-0", hideBorder && "before:border-none", element.background ? "bg-[--cellBackground]" : "bg-background", !hideBorder &&
+            cn(isHeader && "text-left [&_>_*]:m-0", "before:size-full", selected && "before:z-10 before:bg-muted", "before:absolute before:box-border before:select-none before:content-['']", borders &&
+                cn(borders.bottom?.size &&
+                    "before:border-b before:border-b-border", borders.right?.size && "before:border-r before:border-r-border", borders.left?.size && "before:border-l before:border-l-border", borders.top?.size && "before:border-t before:border-t-border")), className), ref: ref, ...cellProps, ...props, style: {
+            "--cellBackground": element.background,
+            ...style,
+        }, children: _jsxs(Cell, { children: [_jsx("div", { className: "box-border relative z-20 h-full px-3 py-2", style: {
+                        minHeight: rowSize,
+                    }, children: children }), !isSelectingCell && (_jsx("div", { className: "absolute top-0 select-none group size-full", contentEditable: false, suppressContentEditableWarning: true, children: !readOnly && (_jsxs(_Fragment, { children: [_jsx(ResizeHandle, { ...rightProps, className: "-top-3 right-[-5px] w-[10px]" }), _jsx(ResizeHandle, { ...bottomProps, className: "bottom-[-5px] h-[10px]" }), !hiddenLeft && (_jsx(ResizeHandle, { ...leftProps, className: "-top-3 left-[-5px] w-[10px]" })), hovered && (_jsx("div", { className: cn("absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring", "right-[-1.5px]") })), hoveredLeft && (_jsx("div", { className: cn("absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring", "left-[-1.5px]") }))] })) }))] }) }));
+});
+TableCellElement.displayName = "TableCellElement";
+export const TableCellHeaderElement = withProps(TableCellElement, {
+    isHeader: true,
+});
+//# sourceMappingURL=table-cell-element.js.map

package/dist/src/components/plate/components/table-cell-element.js.map

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

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

@@ -0,0 +1,24 @@
+import React from "react";
+import type * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+export declare const TableBordersDropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TableFloatingToolbar: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TableElement: 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>>;