@micromerce/formbuilder-react 1.0.654 → 1.0.656

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useColorDropdownMenu, useColorDropdownMenuState, } from "@udecode/plate-font/react";
+import { DEFAULT_COLORS, DEFAULT_CUSTOM_COLORS } from "./color-constants";
+import { ColorPicker } from "./color-picker";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, } from "./dropdown-menu";
+import { ToolbarButton } from "./toolbar";
+export function ColorDropdownMenu({ children, nodeType, tooltip, }) {
+    const state = useColorDropdownMenuState({
+        closeOnSelect: true,
+        colors: DEFAULT_COLORS,
+        customColors: DEFAULT_CUSTOM_COLORS,
+        nodeType,
+    });
+    const { buttonProps, menuProps } = useColorDropdownMenu(state);
+    return (_jsxs(DropdownMenu, { modal: false, ...menuProps, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(ToolbarButton, { tooltip: tooltip, ...buttonProps, children: children }) }), _jsx(DropdownMenuContent, { align: "start", children: _jsx(ColorPicker, { clearColor: state.clearColor, color: state.selectedColor || state.color, colors: state.colors, customColors: state.customColors, updateColor: state.updateColorAndClose, updateCustomColor: state.updateColor }) })] }));
+}
+//# sourceMappingURL=color-dropdown-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-dropdown-menu.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/color-dropdown-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAe1C,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,GACgB;IACvB,MAAM,KAAK,GAAG,yBAAyB,CAAC;QACtC,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,cAAc;QACtB,YAAY,EAAE,qBAAqB;QACnC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/D,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,KAAM,SAAS,aACvC,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,KAAM,WAAW,YAC7C,QAAQ,GACK,GACI,EAEtB,KAAC,mBAAmB,IAAC,KAAK,EAAC,OAAO,YAChC,KAAC,WAAW,IACV,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,KAAK,EAAE,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,EACzC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,WAAW,EAAE,KAAK,CAAC,mBAAmB,EACtC,iBAAiB,EAAE,KAAK,CAAC,WAAW,GACpC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/src/components/plate/components/color-input.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ColorInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/plate/components/color-input.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { cn, withRef } from "@udecode/cn";
+import { useComposedRef } from "@udecode/plate-common/react";
+import { useColorInput } from "@udecode/plate-font/react";
+export const ColorInput = withRef(({ children, className, value = "#000000", ...props }, ref) => {
+    const { childProps, inputRef } = useColorInput();
+    return (_jsxs("div", { className: "flex flex-col items-center", children: [React.Children.map(children, (child) => {
+                if (!child)
+                    return child;
+                return React.cloneElement(child, childProps);
+            }), _jsx("input", { className: cn("size-0 overflow-hidden border-0 p-0", className), ref: useComposedRef(ref, inputRef), type: "color", value: value, ...props })] }));
+});
+//# sourceMappingURL=color-input.js.map

package/dist/src/components/plate/components/color-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-input.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/color-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAC/B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,KAAK;oBAAE,OAAO,KAAK,CAAC;gBAEzB,OAAO,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE,UAAU,CAAC,CAAC;YACrE,CAAC,CAAC,EAEF,gBACE,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,EAC/D,GAAG,EAAE,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,EAClC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,GACT,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/src/components/plate/components/color-picker.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { TColor } from "./color-dropdown-menu";
+export declare const ColorPickerContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    clearColor: () => void;
+    color?: string;
+    colors: TColor[];
+    customColors: TColor[];
+    updateColor: (color: string) => void;
+    updateCustomColor: (color: string) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const ColorPicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    clearColor: () => void;
+    color?: string;
+    colors: TColor[];
+    customColors: TColor[];
+    updateColor: (color: string) => void;
+    updateCustomColor: (color: string) => void;
+} & React.RefAttributes<HTMLDivElement>>>;

package/dist/src/components/plate/components/color-picker.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, withRef } from "@udecode/cn";
+import React from "react";
+import { buttonVariants } from "./button";
+import { ColorDropdownMenuItems } from "./color-dropdown-menu-items";
+import { ColorsCustom } from "./colors-custom";
+import { DropdownMenuItem } from "./dropdown-menu";
+import { Separator } from "./separator";
+export const ColorPickerContent = withRef(({ className, clearColor, color, colors, customColors, updateColor, updateCustomColor, ...props }, ref) => {
+    return (_jsxs("div", { className: cn("flex flex-col gap-4 p-4", className), ref: ref, ...props, children: [_jsx(ColorsCustom, { color: color, colors: colors, customColors: customColors, updateColor: updateColor, updateCustomColor: updateCustomColor }), _jsx(Separator, {}), _jsx(ColorDropdownMenuItems, { color: color, colors: colors, updateColor: updateColor }), color && (_jsx(DropdownMenuItem, { className: buttonVariants({
+                    isMenu: true,
+                    variant: "outline",
+                }), onClick: clearColor, children: "Clear" }))] }));
+});
+export const ColorPicker = React.memo(ColorPickerContent, (prev, next) => prev.color === next.color &&
+    prev.colors === next.colors &&
+    prev.customColors === next.customColors);
+//# sourceMappingURL=color-picker.js.map

package/dist/src/components/plate/components/color-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/color-picker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAWvC,CACE,EACE,SAAS,EACT,UAAU,EACV,KAAK,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,GAAG,EAAE,GAAG,KACJ,KAAK,aAET,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,GACpC,EAEF,KAAC,SAAS,KAAG,EAEb,KAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACxB,EACD,KAAK,IAAI,CACR,KAAC,gBAAgB,IACf,SAAS,EAAE,cAAc,CAAC;oBACxB,MAAM,EAAE,IAAI;oBACZ,OAAO,EAAE,SAAS;iBACnB,CAAC,EACF,OAAO,EAAE,UAAU,sBAGF,CACpB,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CACnC,kBAAkB,EAClB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CACb,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;IACzB,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM;IAC3B,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,YAAY,CAC1C,CAAC"}

package/dist/src/components/plate/components/colors-custom.d.ts

@@ -0,0 +1,10 @@
+import type { TColor } from "./color-dropdown-menu";
+type ColorsCustomProps = {
+    color?: string;
+    colors: TColor[];
+    customColors: TColor[];
+    updateColor: (color: string) => void;
+    updateCustomColor: (color: string) => void;
+};
+export declare function ColorsCustom({ color, colors, customColors, updateColor, updateCustomColor, }: ColorsCustomProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/plate/components/colors-custom.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useColorsCustom, useColorsCustomState, } from "@udecode/plate-font/react";
+import { buttonVariants } from "./button";
+import { ColorDropdownMenuItems } from "./color-dropdown-menu-items";
+import { ColorInput } from "./color-input";
+import { DropdownMenuItem } from "./dropdown-menu";
+export function ColorsCustom({ color, colors, customColors, updateColor, updateCustomColor, }) {
+    const state = useColorsCustomState({
+        color,
+        colors,
+        customColors,
+        updateCustomColor,
+    });
+    const { inputProps, menuItemProps } = useColorsCustom(state);
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(ColorInput, { ...inputProps, children: _jsx(DropdownMenuItem, { className: buttonVariants({
+                        isMenu: true,
+                        variant: "outline",
+                    }), ...menuItemProps, children: "CUSTOM" }) }), _jsx(ColorDropdownMenuItems, { color: color, colors: state.computedColors, updateColor: updateColor })] }));
+}
+//# sourceMappingURL=colors-custom.js.map

package/dist/src/components/plate/components/colors-custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-custom.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/colors-custom.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,eAAe,EACf,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAYnD,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,iBAAiB,GACC;IAClB,MAAM,KAAK,GAAG,oBAAoB,CAAC;QACjC,KAAK;QACL,MAAM;QACN,YAAY;QACZ,iBAAiB;KAClB,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,UAAU,OAAK,UAAU,YACxB,KAAC,gBAAgB,IACf,SAAS,EAAE,cAAc,CAAC;wBACxB,MAAM,EAAE,IAAI;wBACZ,OAAO,EAAE,SAAS;qBACnB,CAAC,KACE,aAAa,uBAGA,GACR,EAEb,KAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,cAAc,EAC5B,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,76 @@
+import { type DialogProps } from "@radix-ui/react-dialog";
+import * as React from "react";
+export declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function CommandDialog({ children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CommandShortcut: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, createPrimitiveElement, withCn, withRef } from "@udecode/cn";
+import { Command as CommandPrimitive } from "cmdk";
+import { Icons } from "../icons";
+import { Dialog, DialogContent } from "./dialog";
+export const Command = withCn(CommandPrimitive, "flex size-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground");
+export function CommandDialog({ children, ...props }) {
+    return (_jsx(Dialog, { ...props, children: _jsx(DialogContent, { className: "p-0 overflow-hidden shadow-lg", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children: children }) }) }));
+}
+export const CommandInput = withRef(({ className, ...props }, ref) => (_jsxs("div", { className: "flex items-center px-3 border-b", children: [_jsx(Icons.search, { className: "mr-2 opacity-50 size-4 shrink-0" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] })));
+export const CommandList = withCn(CommandPrimitive.List, "max-h-[500px] overflow-y-auto overflow-x-hidden");
+export const CommandEmpty = withCn(CommandPrimitive.Empty, "py-6 text-center text-sm");
+export const CommandGroup = withCn(CommandPrimitive.Group, "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground");
+export const CommandSeparator = withCn(CommandPrimitive.Separator, "-mx-1 h-px bg-border");
+export const CommandItem = withCn(CommandPrimitive.Item, "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50");
+export const CommandShortcut = withCn(createPrimitiveElement("span"), "ml-auto text-xs tracking-widest text-muted-foreground");
+//# sourceMappingURL=command.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,sBAAsB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAGnD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAC3B,gBAAgB,EAChB,uFAAuF,CACxF,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe;IAC/D,OAAO,CACL,KAAC,MAAM,OAAK,KAAK,YACf,KAAC,aAAa,IAAC,SAAS,EAAC,+BAA+B,YACtD,KAAC,OAAO,IAAC,SAAS,EAAC,0TAA0T,YAC1U,QAAQ,GACD,GACI,GACT,CACV,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,KAAK,CAAC,MAAM,IAAC,SAAS,EAAC,iCAAiC,GAAG,EAC5D,KAAC,gBAAgB,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wJAAwJ,EACxJ,SAAS,CACV,KACG,KAAK,GACT,IACE,CACP,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAC/B,gBAAgB,CAAC,IAAI,EACrB,iDAAiD,CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAChC,gBAAgB,CAAC,KAAK,EACtB,0BAA0B,CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAChC,gBAAgB,CAAC,KAAK,EACtB,wNAAwN,CACzN,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CACpC,gBAAgB,CAAC,SAAS,EAC1B,sBAAsB,CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAC/B,gBAAgB,CAAC,IAAI,EACrB,+NAA+N,CAChO,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CACnC,sBAAsB,CAAC,MAAM,CAAC,EAC9B,uDAAuD,CACxD,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { TCommentText } from "@udecode/plate-comments";
+import type { PlateLeafProps } from "@udecode/plate-common/react";
+export declare function CommentLeaf({ className, ...props }: PlateLeafProps<TCommentText>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@udecode/cn";
+import { useCommentLeaf, useCommentLeafState, } from "@udecode/plate-comments/react";
+import { PlateLeaf } from "@udecode/plate-common/react";
+export function CommentLeaf({ className, ...props }) {
+    const { children, leaf, nodeProps } = props;
+    const state = useCommentLeafState({ leaf });
+    const { props: rootProps } = useCommentLeaf(state);
+    if (!state.commentCount)
+        return _jsx(_Fragment, { children: children });
+    let aboveChildren = _jsx(_Fragment, { children: children });
+    if (!state.isActive) {
+        for (let i = 1; i < state.commentCount; i++) {
+            aboveChildren = _jsx("span", { className: "bg-primary/20", children: aboveChildren });
+        }
+    }
+    return (_jsx(PlateLeaf, { ...props, className: cn("border-b-2 border-b-primary/40", state.isActive ? "bg-primary/40" : "bg-primary/20", className), nodeProps: {
+            ...rootProps,
+            ...nodeProps,
+        }, children: aboveChildren }));
+}
+//# sourceMappingURL=comment-leaf.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"comment-leaf.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/comment-leaf.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAKxD,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,KAAK,GAAG,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAEnD,IAAI,CAAC,KAAK,CAAC,YAAY;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;IAEhD,IAAI,aAAa,GAAG,4BAAG,QAAQ,GAAI,CAAC;IAEpC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5C,aAAa,GAAG,eAAM,SAAS,EAAC,eAAe,YAAE,aAAa,GAAQ,CAAC;QACzE,CAAC;IACH,CAAC;IAED,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EAClD,SAAS,CACV,EACD,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,GAAG,SAAS;SACb,YAEA,aAAa,GACJ,CACb,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,12 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogHeader: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogFooter: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cn, createPrimitiveElement, withCn, withRef } from "@udecode/cn";
+import { Icons } from "../icons";
+export const Dialog = DialogPrimitive.Root;
+export const DialogTrigger = DialogPrimitive.Trigger;
+export const DialogPortal = DialogPrimitive.Portal;
+export const DialogClose = DialogPrimitive.Close;
+export const DialogOverlay = withCn(DialogPrimitive.Overlay, "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0");
+export const DialogContent = withRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [_jsx(Icons.close, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+export const DialogHeader = withCn(createPrimitiveElement("div"), "flex flex-col space-y-1.5 text-center sm:text-left");
+export const DialogFooter = withCn(createPrimitiveElement("div"), "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2");
+export const DialogTitle = withCn(DialogPrimitive.Title, "text-lg font-semibold leading-none tracking-tight");
+export const DialogDescription = withCn(DialogPrimitive.Description, "text-sm text-muted-foreground");
+//# sourceMappingURL=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,sBAAsB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAG1E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC;AACrD,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AACnD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CACjC,eAAe,CAAC,OAAO,EACvB,wJAAwJ,CACzJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qfAAqf,EACrf,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,MAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,+QAA+Q,aAC9S,KAAC,KAAK,CAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,EAClC,eAAM,SAAS,EAAC,SAAS,sBAAa,IAChB,IACA,IACb,CAChB,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAChC,sBAAsB,CAAC,KAAK,CAAC,EAC7B,oDAAoD,CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAChC,sBAAsB,CAAC,KAAK,CAAC,EAC7B,+DAA+D,CAChE,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAC/B,eAAe,CAAC,KAAK,EACrB,mDAAmD,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CACrC,eAAe,CAAC,WAAW,EAC3B,+BAA+B,CAChC,CAAC"}

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

@@ -0,0 +1,29 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
+    inset?: boolean;
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    hideIcon?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
+    inset?: boolean;
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuShortcut: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const useOpenState: () => {
+    open: boolean;
+    onOpenChange: (_value?: boolean) => void;
+};

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { cn, createPrimitiveElement, withCn, withProps, withRef, withVariants, } from "@udecode/cn";
+import { cva } from "class-variance-authority";
+import { useCallback, useState } from "react";
+import { Icons } from "../icons";
+export const DropdownMenu = DropdownMenuPrimitive.Root;
+export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+export const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+export const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+export const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export const DropdownMenuSubTrigger = withRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50 bg-white", inset && "pl-8", className), ...props, children: [children, _jsx(Icons.chevronRight, { className: "ml-auto size-4" })] })));
+export const DropdownMenuSubContent = withCn(DropdownMenuPrimitive.SubContent, "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 bg-white");
+const DropdownMenuContentVariants = withProps(DropdownMenuPrimitive.Content, {
+    sideOffset: 4,
+    className: cn("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 bg-white"),
+});
+export const DropdownMenuContent = withRef(({ ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuContentVariants, { ref: ref, ...props }) })));
+const menuItemVariants = cva(cn("relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors", "focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 bg-white"), {
+    variants: {
+        inset: {
+            true: "pl-8",
+        },
+    },
+});
+export const DropdownMenuItem = withVariants(DropdownMenuPrimitive.Item, menuItemVariants, ["inset"]);
+export const DropdownMenuCheckboxItem = withRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn("relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "cursor-pointer bg-white", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Icons.check, { className: "size-4" }) }) }), children] })));
+export const DropdownMenuRadioItem = withRef(({ className, children, hideIcon, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn("relative flex select-none items-center rounded-sm pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "h-9 cursor-pointer px-2 data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground bg-white", className), ...props, children: [!hideIcon && (_jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Icons.check, { className: "size-4" }) }) })), children] })));
+const dropdownMenuLabelVariants = cva(cn("select-none px-2 py-1.5 text-sm font-semibold"), {
+    variants: {
+        inset: {
+            true: "pl-8",
+        },
+    },
+});
+export const DropdownMenuLabel = withVariants(DropdownMenuPrimitive.Label, dropdownMenuLabelVariants, ["inset"]);
+export const DropdownMenuSeparator = withCn(DropdownMenuPrimitive.Separator, "-mx-1 my-1 h-px bg-muted");
+export const DropdownMenuShortcut = withCn(createPrimitiveElement("span"), "ml-auto text-xs tracking-widest opacity-60");
+export const useOpenState = () => {
+    const [open, setOpen] = useState(false);
+    const onOpenChange = useCallback((_value = !open) => {
+        setOpen(_value);
+    }, [open]);
+    return {
+        open,
+        onOpenChange,
+    };
+};
+//# sourceMappingURL=dropdown-menu.js.map

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

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

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

@@ -0,0 +1,21 @@
+import React from "react";
+export declare const ExcalidrawElement: 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/excalidraw-element.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withRef } from "@udecode/cn";
+import { PlateElement } from "@udecode/plate-common/react";
+import { useExcalidrawElement } from "@udecode/plate-excalidraw/react";
+export const ExcalidrawElement = withRef(({ nodeProps, ...props }, ref) => {
+    const { children, element } = props;
+    const { Excalidraw, excalidrawProps } = useExcalidrawElement({
+        element,
+    });
+    return (_jsxs(PlateElement, { ref: ref, ...props, children: [_jsx("div", { contentEditable: false, children: _jsx("div", { className: "h-[600px]", children: Excalidraw && (_jsx(Excalidraw, { ...nodeProps, ...excalidrawProps })) }) }), children] }));
+});
+//# sourceMappingURL=excalidraw-element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"excalidraw-element.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/excalidraw-element.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CACtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,oBAAoB,CAAC;QAC3D,OAAO;KACR,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,aAC/B,cAAK,eAAe,EAAE,KAAK,YACzB,cAAK,SAAS,EAAC,WAAW,YACvB,UAAU,IAAI,CACb,KAAC,UAAU,OAAK,SAAS,KAAO,eAAuB,GAAI,CAC5D,GACG,GACF,EACL,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/src/components/plate/components/fixed-toolbar-buttons.d.ts

@@ -0,0 +1 @@
+export declare function FixedToolbarButtons(): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/plate/components/fixed-toolbar-buttons.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { BoldPlugin, CodePlugin, ItalicPlugin, StrikethroughPlugin, UnderlinePlugin, } from "@udecode/plate-basic-marks/react";
+import { FontBackgroundColorPlugin, FontColorPlugin, } from "@udecode/plate-font/react";
+import { ListStyleType } from "@udecode/plate-indent-list";
+import { Icons, iconVariants } from "../icons";
+import { AlignDropdownMenu } from "./align-dropdown-menu";
+import { ColorDropdownMenu } from "./color-dropdown-menu";
+import { IndentListToolbarButton } from "./indent-list-toolbar-button";
+import { IndentTodoToolbarButton } from "./indent-todo-toolbar-button";
+import { IndentToolbarButton } from "./indent-toolbar-button";
+import { InsertDropdownMenu } from "./insert-dropdown-menu";
+import { LineHeightDropdownMenu } from "./line-height-dropdown-menu";
+import { LinkToolbarButton } from "./link-toolbar-button";
+import { MarkToolbarButton } from "./mark-toolbar-button";
+import { OutdentToolbarButton } from "./outdent-toolbar-button";
+// import { TableDropdownMenu } from "./table-dropdown-menu";
+import { ToolbarGroup } from "./toolbar";
+import { TurnIntoDropdownMenu } from "./turn-into-dropdown-menu";
+export function FixedToolbarButtons() {
+    return (_jsx("div", { className: "w-full overflow-hidden", children: _jsx("div", { className: "flex flex-wrap", style: {
+                transform: "translateX(calc(-1px))",
+            }, children: _jsxs(_Fragment, { children: [_jsxs(ToolbarGroup, { noSeparator: true, children: [_jsx(InsertDropdownMenu, {}), _jsx(TurnIntoDropdownMenu, {})] }), _jsxs(ToolbarGroup, { children: [_jsx(MarkToolbarButton, { nodeType: BoldPlugin.key, tooltip: "Bold (\u2318+B)", children: _jsx(Icons.bold, {}) }), _jsx(MarkToolbarButton, { nodeType: ItalicPlugin.key, tooltip: "Italic (\u2318+I)", children: _jsx(Icons.italic, {}) }), _jsx(MarkToolbarButton, { nodeType: UnderlinePlugin.key, tooltip: "Underline (\u2318+U)", children: _jsx(Icons.underline, {}) }), _jsx(MarkToolbarButton, { nodeType: StrikethroughPlugin.key, tooltip: "Strikethrough (\u2318+\u21E7+M)", children: _jsx(Icons.strikethrough, {}) }), _jsx(MarkToolbarButton, { nodeType: CodePlugin.key, tooltip: "Code (\u2318+E)", children: _jsx(Icons.code, {}) })] }), _jsxs(ToolbarGroup, { children: [_jsx(ColorDropdownMenu, { nodeType: FontColorPlugin.key, tooltip: "Text Color", children: _jsx(Icons.color, { className: iconVariants({ variant: "toolbar" }) }) }), _jsx(ColorDropdownMenu, { nodeType: FontBackgroundColorPlugin.key, tooltip: "Highlight Color", children: _jsx(Icons.bg, { className: iconVariants({ variant: "toolbar" }) }) })] }), _jsxs(ToolbarGroup, { children: [_jsx(AlignDropdownMenu, {}), _jsx(LineHeightDropdownMenu, {}), _jsx(IndentListToolbarButton, { nodeType: ListStyleType.Disc }), _jsx(IndentListToolbarButton, { nodeType: ListStyleType.Decimal }), _jsx(IndentTodoToolbarButton, {}), _jsx(OutdentToolbarButton, {}), _jsx(IndentToolbarButton, {})] }), _jsx(ToolbarGroup, { children: _jsx(LinkToolbarButton, {}) })] }) }) }));
+}
+//# sourceMappingURL=fixed-toolbar-buttons.js.map

package/dist/src/components/plate/components/fixed-toolbar-buttons.js.map

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

package/dist/src/components/plate/components/fixed-toolbar.d.ts

@@ -0,0 +1 @@
+export declare const FixedToolbar: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-toolbar").ToolbarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/plate/components/fixed-toolbar.js

@@ -0,0 +1,4 @@
+import { withCn } from "@udecode/cn";
+import { Toolbar } from "./toolbar";
+export const FixedToolbar = withCn(Toolbar, "supports-backdrop-blur:bg-background/60 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 backdrop-blur");
+//# sourceMappingURL=fixed-toolbar.js.map

package/dist/src/components/plate/components/fixed-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixed-toolbar.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/fixed-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAChC,OAAO,EACP,8KAA8K,CAC/K,CAAC"}

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

@@ -0,0 +1,24 @@
+import React from "react";
+export declare const HeadingElement: 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"> & import("class-variance-authority").VariantProps<(props?: {
+    isFirstBlock?: boolean;
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { withRef, withVariants } from "@udecode/cn";
+import { PlateElement } from "@udecode/plate-common/react";
+import { cva } from "class-variance-authority";
+const headingVariants = cva("", {
+    variants: {
+        isFirstBlock: {
+            false: "",
+            true: "mt-0",
+        },
+        variant: {
+            h1: "mb-1 mt-[2em] font-heading text-4xl font-bold",
+            h2: "mb-px mt-[1.4em] font-heading text-2xl font-semibold tracking-tight",
+            h3: "mb-px mt-[1em] font-heading text-xl font-semibold tracking-tight",
+            h4: "mt-[0.75em] font-heading text-lg font-semibold tracking-tight",
+            h5: "mt-[0.75em] text-lg font-semibold tracking-tight",
+            h6: "mt-[0.75em] text-base font-semibold tracking-tight",
+        },
+    },
+});
+const HeadingElementVariants = withVariants(PlateElement, headingVariants, [
+    "isFirstBlock",
+    "variant",
+]);
+export const HeadingElement = withRef(({ children, isFirstBlock, variant = "h1", ...props }, ref) => {
+    const { editor, element } = props;
+    const Element = variant;
+    return (_jsx(HeadingElementVariants, { asChild: true, isFirstBlock: element === editor.children[0], ref: ref, variant: variant, ...props, children: _jsx(Element, { children: children }) }));
+});
+//# sourceMappingURL=heading-element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading-element.js","sourceRoot":"","sources":["../../../../../src/components/plate/components/heading-element.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,eAAe,GAAG,GAAG,CAAC,EAAE,EAAE;IAC9B,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,MAAM;SACb;QACD,OAAO,EAAE;YACP,EAAE,EAAE,+CAA+C;YACnD,EAAE,EAAE,qEAAqE;YACzE,EAAE,EAAE,kEAAkE;YACtE,EAAE,EAAE,+DAA+D;YACnE,EAAE,EAAE,kDAAkD;YACtD,EAAE,EAAE,oDAAoD;SACzD;KACF;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,EAAE,eAAe,EAAE;IACzE,cAAc;IACd,SAAS;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CACnC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,OAAO,GAAG,OAAQ,CAAC;IAEzB,OAAO,CACL,KAAC,sBAAsB,IACrB,OAAO,QACP,YAAY,EAAE,OAAO,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC5C,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KACZ,KAAK,YAET,KAAC,OAAO,cAAE,QAAQ,GAAW,GACN,CAC1B,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from "react";
+export declare const HighlightLeaf: 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>>;