@fileverse-dev/ddoc 1.2.9 → 1.3.1

package/dist/packages/ddoc/common/button.d.ts

@@ -9,12 +9,14 @@ export type ButtonProps = {
     buttonSize?: ButtonSize;
     disabled?: boolean;
     className?: string;
+    isLoading?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const Button: React.ForwardRefExoticComponent<{
-    variant?: ButtonVariant | undefined;
-    active?: boolean | undefined;
-    activeClassname?: string | undefined;
-    buttonSize?: ButtonSize | undefined;
-    disabled?: boolean | undefined;
-    className?: string | undefined;
+    variant?: ButtonVariant;
+    active?: boolean;
+    activeClassname?: string;
+    buttonSize?: ButtonSize;
+    disabled?: boolean;
+    className?: string;
+    isLoading?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/packages/ddoc/common/carousel.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselIndicator: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    index: number;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselIndicator, CarouselPrevious, CarouselNext, };

package/dist/packages/ddoc/common/dialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/packages/ddoc/common/drawer.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: React.FC<import('@radix-ui/react-dialog').DialogPortalProps>;
+declare const DrawerClose: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    onAnimationEnd?: (open: boolean) => void;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/packages/ddoc/common/textfield.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+export interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * The label for the text field.
+     */
+    label?: string;
+    /**
+     * The left icon for the text field.
+     */
+    leftIcon?: React.ReactNode;
+    /**
+     * The right icon for the text field.
+     */
+    rightIcon?: React.ReactNode;
+    /**
+     * Whether the text field is valid.
+     */
+    isValid?: boolean;
+    /**
+     * The helper text for the text field.
+     */
+    message?: string;
+    /**
+     * Event handler for the onChange event.
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/packages/ddoc/common/toolbar.d.ts

@@ -19,10 +19,10 @@ export declare const Toolbar: {
     Wrapper: import('react').ForwardRefExoticComponent<Omit<ToolbarWrapperProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Divider: import('react').ForwardRefExoticComponent<Omit<ToolbarDividerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Button: import('react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-        active?: boolean | undefined;
-        activeClassname?: string | undefined;
-        tooltip?: string | undefined;
-        buttonSize?: ButtonProps['buttonSize'];
-        variant?: ButtonProps['variant'];
+        active?: boolean;
+        activeClassname?: string;
+        tooltip?: string;
+        buttonSize?: ButtonProps["buttonSize"];
+        variant?: ButtonProps["variant"];
     } & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/packages/ddoc/components/bottom-toolbar.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+
+declare const BottomToolbar: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BottomToolbar;

package/dist/packages/ddoc/components/dynamic-modal.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { ButtonVariant } from '../common/button';
+
+interface DynamicModalProps {
+    title: string;
+    content: React.ReactNode;
+    contentClassName?: string;
+    open: boolean;
+    onOpenChange?: () => void;
+    primaryAction?: {
+        label: string;
+        variant?: ButtonVariant;
+        className?: string;
+        isLoading?: boolean;
+        onClick?: () => void;
+    };
+    secondaryAction?: {
+        label: string;
+        variant?: ButtonVariant;
+        className?: string;
+        isLoading?: boolean;
+        onClick?: () => void;
+    };
+}
+declare const DynamicModal: ({ title, content, contentClassName, open, onOpenChange, primaryAction, secondaryAction, }: DynamicModalProps) => import("react/jsx-runtime").JSX.Element;
+export default DynamicModal;

package/dist/packages/ddoc/components/editor-utils.d.ts

@@ -13,10 +13,15 @@ export declare const fonts: {
     value: string;
     command: (editor: Editor) => void;
 }[];
+export declare const colors: {
+    color: string;
+    code: string;
+}[];
 export declare const useEditorToolbar: ({ editor }: {
     editor: Editor;
 }) => {
     toolbar: (IEditorToolElement | null)[];
+    bottomToolbar: (IEditorToolElement | null)[];
     toolRef: React.RefObject<HTMLDivElement>;
     toolVisibilty: IEditorTool;
     setToolVisibility: React.Dispatch<React.SetStateAction<IEditorTool>>;
@@ -58,4 +63,12 @@ export declare const TextHeading: ({ editor, setVisibility, elementRef, }: {
     elementRef: React.RefObject<HTMLDivElement>;
     setVisibility: Dispatch<SetStateAction<IEditorTool>>;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const TextFormatingPopup: ({ editor, setToolVisibility, }: {
+    editor: Editor;
+    setToolVisibility: Dispatch<SetStateAction<IEditorTool>>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TextColorPicker: ({ editor, }: {
+    editor: Editor;
+    setToolVisibility: Dispatch<SetStateAction<IEditorTool>>;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/ddoc/components/utils-modal.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface UtilsModalProps {
+    title: string;
+    content: React.ReactNode;
+    contentClassName?: string;
+}
+declare const UtilsModal: ({ title, content, contentClassName, }: UtilsModalProps) => import("react/jsx-runtime").JSX.Element;
+export default UtilsModal;

package/dist/packages/ddoc/ddoc-editor.d.ts

@@ -1,4 +1,4 @@
 import { DdocProps } from './types';
 
-declare const DdocEditor: ({ isPreviewMode, data, enableCollaboration, collaborationId, username, onAutoSave, renderToolRightSection, ensProviderUrl, }: DdocProps) => import("react/jsx-runtime").JSX.Element;
+declare const DdocEditor: ({ isPreviewMode, data, enableCollaboration, collaborationId, username, onAutoSave, renderToolRightSection, renderToolLeftSection, ensProviderUrl, }: DdocProps) => import("react/jsx-runtime").JSX.Element;
 export default DdocEditor;

package/dist/packages/ddoc/hooks/use-visibility.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum IEditorTool {
     NONE = 0,
     HEADING = 1,
@@ -7,7 +6,10 @@ export declare enum IEditorTool {
     LINK = 4,
     FONT_FAMILY = 5,
     ALIGNMENT = 6,
-    LIST = 7
+    LIST = 7,
+    TEXT_FORMATING = 8,
+    TEXT_COLOR_PICKER = 9,
+    LINK_POPUP = 10
 }
 export default function useComponentVisibilty(initialIsVisible: boolean): {
     ref: import('react').RefObject<HTMLDivElement>;

package/dist/packages/ddoc/types.d.ts

@@ -12,21 +12,16 @@ export interface DdocProps {
     onAutoSave?: (data: Data) => void;
     ensProviderUrl?: string;
     username?: string | null;
-    renderToolRightSection?: ({ editor, pluginMetaData }: {
+    renderToolLeftSection?: ({ editor }: {
+        editor: Editor;
+    }) => JSX.Element;
+    renderToolRightSection?: ({ editor }: {
         editor: Editor;
-        pluginMetaData: PluginMetaData;
     }) => JSX.Element;
 }
 export interface Data {
-    metaData: PluginMetaData;
     editorJSONData: JSONContent;
 }
-export interface Plugin {
-    title: string | null;
-}
-export interface PluginMetaData {
-    plugin: Plugin;
-}
 export interface IUser {
     name: string;
     color: string;

package/dist/packages/ddoc/use-ddoc-editor.d.ts

@@ -1,9 +1,7 @@
-import { PluginMetaData, DdocProps } from './types';
+import { DdocProps } from './types';
 
 export declare const useDdocEditor: ({ isPreviewMode, data, enableCollaboration, collaborationId, ensProviderUrl, username, onAutoSave, }: DdocProps) => {
     editor: import('@tiptap/react').Editor | null;
-    pluginMetaData: PluginMetaData;
-    setPluginMetaData: import('react').Dispatch<import('react').SetStateAction<PluginMetaData>>;
     focusEditor: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     ref: import('react').RefObject<HTMLDivElement>;
     loading: boolean;

package/dist/packages/ddoc/utils/debounce.d.ts

@@ -1 +1 @@
-export declare function debounce<T extends Function>(func: T, wait: number): T;
+export declare function debounce<T extends (...args: any) => any>(func: T, wait: number): T;

package/dist/style.css

@@ -1 +1 @@
-.ProseMirror .is-empty:before{pointer-events:none;float:left;height:0px;width:100%;color:#0006}.ProseMirror.ProseMirror-focused p.is-empty:before{content:"Type  /  to browse options"}.ProseMirror.ProseMirror-focused h1.is-empty:before{content:"Heading 1"}.ProseMirror.ProseMirror-focused h2.is-empty:before{content:"Heading 2"}.ProseMirror.ProseMirror-focused h3.is-empty:before{content:"Heading 3"}.ProseMirror p.is-empty:before{content:"Type  /  to browse options"}.ProseMirror blockquote .is-empty:not(.is-editor-empty):first-child:last-child:before{content:"Enter a quote"}.ProseMirror p{margin-top:.75rem;margin-bottom:.75rem;line-height:1.625}.ProseMirror p:first-child{margin-top:0}.ProseMirror p:last-child{margin-bottom:0}.ProseMirror>p{margin-top:1.5rem;margin-bottom:1.5rem}.ProseMirror>p:first-child{margin-top:0}.ProseMirror>p:last-child{margin-bottom:0}.ProseMirror .media-node-view{position:relative;margin-top:.5rem;margin-bottom:.5rem;display:flex;width:100%}.ProseMirror .media-node-view.f-left{float:left}.ProseMirror .media-node-view.f-right{float:right}.ProseMirror .media-node-view.align-left{justify-content:flex-start}.ProseMirror .media-node-view.align-center{justify-content:center}.ProseMirror .media-node-view.align-right{justify-content:flex-end}.ProseMirror .media-node-view .horizontal-resize-handle{position:absolute;top:50%;right:.25rem;z-index:50;height:3rem;width:.5rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:col-resize;border-radius:.25rem}@media (min-width: 1024px){.ProseMirror .media-node-view .horizontal-resize-handle{height:6rem}}.ProseMirror .media-node-view .btn{display:inline-flex;align-items:center;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:.375rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.ProseMirror .media-node-view .btn:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.ProseMirror .media-node-view .btn.active{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.ProseMirror .media-node-view .media-control-buttons{position:absolute;top:.5rem;right:.5rem;box-sizing:border-box;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:linear}.ProseMirror table{border-collapse:collapse;border-spacing:0;width:100%;margin:0;box-sizing:border-box;position:relative;overflow-x:auto}.ProseMirror table td,.ProseMirror table th{min-width:10rem;max-width:10rem;border:2px solid #ced4da;padding:3px 5px;vertical-align:top}.ProseMirror table td>*,.ProseMirror table th>*{margin-bottom:0}.ProseMirror table tr div{width:100%}.ProseMirror table th{font-weight:700;text-align:left;background-color:#f1f3f5}.ProseMirror table .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#c8c8ff66;pointer-events:none}.ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:6px;background-color:#adf;pointer-events:auto}.ProseMirror table p{margin:0}.ProseMirror table p.is-empty:before{content:""!important}.ProseMirror .d-block-button{display:flex;height:-moz-fit-content;height:fit-content;align-items:center;justify-content:center;border-radius:.25rem;background-color:transparent;padding-top:.25rem;padding-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.ProseMirror ul,.ProseMirror ol,.ProseMirror li{margin:0;padding:0}.ProseMirror>*:first-child:first-child,.ProseMirror [data-type=column]>*:first-child{margin-top:0}.ProseMirror>*:first-child:last-child,.ProseMirror [data-type=column]>*:last-child{margin-bottom:0}.ProseMirror [data-type=columns]{margin-top:.75rem;margin-bottom:.75rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}@media (min-width: 768px){.ProseMirror [data-type=columns]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.ProseMirror [data-type=columns].layout-align-right>*:first-child{grid-column:span 1 / span 1}.ProseMirror [data-type=columns].layout-align-right>*:last-child{grid-column:span 1 / span 1}.ProseMirror [data-type=columns].layout-align-right>*:nth-last-child(2):first-child{grid-column:span 2 / span 2}.ProseMirror [data-type=columns].layout-align-right>*:nth-last-child(3):first-child{grid-column:span 2 / span 2}.ProseMirror [data-type=columns].layout-align-left>*:first-child{grid-column:span 1 / span 1}.ProseMirror [data-type=columns].layout-align-left>*:last-child{grid-column:span 1 / span 1}.ProseMirror [data-type=columns].layout-align-left>*:nth-child(2):last-child{grid-column:span 2 / span 2}.ProseMirror [data-type=columns].layout-align-left>*:nth-child(3):last-child{grid-column:span 2 / span 2}.ProseMirror [data-type=columns] [data-type=column]{min-width:100%;overflow:hidden;border-radius:.25rem;border-width:2px;border-style:dashed;border-color:transparent;padding:.25rem;transition:border .16s cubic-bezier(.45,.05,.55,.95)}.ProseMirror [data-type=columns] [data-type=column]:hover,.ProseMirror [data-type=columns] [data-type=column]:focus{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity))}.ProseMirror [data-type=columns] [data-type=column]>.node-dBlock{padding-bottom:0!important}.ProseMirror [data-type=horizontalRule]{margin-left:auto;margin-right:auto;height:.25rem;width:50%;cursor:pointer;border-radius:.125rem;padding-top:.5rem;padding-bottom:.75rem;transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ProseMirror [data-type=horizontalRule].ProseMirror-selectednode{background-color:#bfdbfe80}.ProseMirror [data-type=horizontalRule]:hover:not(.ProseMirror [data-type=horizontalRule].ProseMirror-selectednode){background-color:#bfdbfe80}.ProseMirror [data-type=horizontalRule] hr{border-radius:.25rem;border-width:2px;border-color:#d1d5db33;background-color:#d1d5dbcc}.table-wrapper,.is-table div{padding:0;width:auto;overflow-x:auto}.resize-cursor{cursor:ew-resize;cursor:col-resize}.node-dBlock{flex-grow:1;transition:all .2s;width:100%}.node-dBlock:last-child{padding-bottom:4rem}.node-iframe,.node-embeddedTweet{pointer-events:auto}@media (max-width: 1025px){.node-iframe iframe{width:100%;aspect-ratio:16/9;height:auto}}[data-theme=link-command]{width:1000vw}.ProseMirror>*+*{margin-top:1.5em;margin-bottom:1.5em}.ProseMirror ul,.ProseMirror ol{padding:0 1rem;margin:.5rem;text-wrap:text-wrap;word-break:break-all;width:inherit}.ProseMirror li{padding:0 1rem;margin:.5rem}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{line-height:1.1;font-weight:700}.ProseMirror h1{font-size:32px}.ProseMirror h2{font-size:24px}.ProseMirror h3{font-size:18px}.ProseMirror code{background-color:#6161611a;color:#616161}.ProseMirror pre{background:#0d0d0d;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.8rem}.ProseMirror img{max-width:100%;height:auto}.ProseMirror blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.ProseMirror img:hover{cursor:pointer;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.ProseMirror img:hover:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ProseMirror img.ProseMirror-selectednode{outline:3px solid #5abbf7;filter:brightness(90%)}.tiptap.ProseMirror ol{display:flex;flex-direction:column}ul[data-type=taskList] li>label{margin-right:.2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 768px){ul[data-type=taskList] li>label{margin-right:.5rem}}ul[data-type=taskList] li>label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;cursor:pointer;width:1.2em;height:1.2em;position:relative;top:3px;border:2px solid black;margin-right:.3rem;display:grid;place-content:center}ul[data-type=taskList] li>label input[type=checkbox]:hover{background-color:#f8f9fa}ul[data-type=taskList] li>label input[type=checkbox]:active{background-color:#e9ecef}ul[data-type=taskList] li>label input[type=checkbox]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}ul[data-type=taskList] li>label input[type=checkbox]:checked:before{transform:scale(1)}ul[data-type=taskList] li[data-checked=true]>div>p{color:#a8a29e;text-decoration:line-through;text-decoration-thickness:2px}.collaboration-cursor__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.collaboration-cursor__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.custom-cursor__caret{border-left:1px solid transparent;border-right:1px solid transparent;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.custom-cursor__icon{flex-shrink:0;width:13px;height:14px;margin-right:5px}.custom-cursor__text{white-space:nowrap;overflow:visible;flex-grow:1;display:flex}.custom-cursor__label-container{display:flex;align-items:center;position:absolute;top:-1.4em;left:-1px;background-color:#fffc;border-radius:8px;box-shadow:0 2px 5px #0003;padding:.1rem .3rem;width:-moz-max-content;width:max-content;white-space:nowrap}.custom-cursor__label{display:flex;align-items:center;color:#0d0d0d;font-size:14px;font-weight:600;line-height:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;padding-right:16px;position:relative}.custom-cursor__badge{position:absolute;right:3px;width:12px;height:12px;margin-left:5px}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translate(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translate(5px)}.dropdown{z-index:50;width:13rem;--tw-translate-x: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dropdown .dropdown-content{display:flex;flex-direction:column;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dropdown .dropdown-content .button{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.25rem;padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dropdown .dropdown-content .button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.trigger-button{position:absolute;right:0;bottom:0;margin:.25rem;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;background-color:transparent;padding:0 1px;font-size:1rem;line-height:1.5rem;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group:hover .trigger-button{opacity:1}
+.ProseMirror .is-empty:before{pointer-events:none;float:left;height:0px;width:100%;color:#0006}.ProseMirror.ProseMirror-focused p.is-empty:before{content:"Type  /  to browse options"}.ProseMirror.ProseMirror-focused h1.is-empty:before{content:"Heading 1"}.ProseMirror.ProseMirror-focused h2.is-empty:before{content:"Heading 2"}.ProseMirror.ProseMirror-focused h3.is-empty:before{content:"Heading 3"}.ProseMirror p.is-empty:before{content:"Type  /  to browse options"}.ProseMirror blockquote .is-empty:not(.is-editor-empty):first-child:last-child:before{content:"Enter a quote"}.ProseMirror p{margin-top:.75rem;margin-bottom:.75rem;line-height:1.625}.ProseMirror p:first-child{margin-top:0}.ProseMirror p:last-child{margin-bottom:0}.ProseMirror>p{margin-top:1.5rem;margin-bottom:1.5rem}.ProseMirror>p:first-child{margin-top:0}.ProseMirror>p:last-child{margin-bottom:0}.ProseMirror .media-node-view{position:relative;margin-top:.5rem;margin-bottom:.5rem;display:flex;width:100%}.ProseMirror .media-node-view.f-left{float:left}.ProseMirror .media-node-view.f-right{float:right}.ProseMirror .media-node-view.align-left{justify-content:flex-start}.ProseMirror .media-node-view.align-center{justify-content:center}.ProseMirror .media-node-view.align-right{justify-content:flex-end}.ProseMirror .media-node-view .horizontal-resize-handle{position:absolute;top:50%;right:.25rem;z-index:50;height:3rem;width:.5rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:col-resize;border-radius:.25rem}@media (min-width: 1024px){.ProseMirror .media-node-view .horizontal-resize-handle{height:6rem}}.ProseMirror .media-node-view .btn{display:inline-flex;align-items:center;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:.375rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.ProseMirror .media-node-view .btn:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.ProseMirror .media-node-view .btn.active{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.ProseMirror .media-node-view .btn.active:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ProseMirror .media-node-view .media-control-buttons{position:absolute;top:.5rem;right:.5rem;box-sizing:border-box;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:linear;animation-duration:.2s;animation-timing-function:linear}.ProseMirror table{border-collapse:collapse;border-spacing:0;width:100%;margin:0;box-sizing:border-box;position:relative;overflow-x:auto}.ProseMirror table td,.ProseMirror table th{min-width:10rem;max-width:10rem;border:2px solid #ced4da;padding:3px 5px;vertical-align:top}.ProseMirror table td>*,.ProseMirror table th>*{margin-bottom:0}.ProseMirror table tr div{width:100%}.ProseMirror table th{font-weight:700;text-align:left;background-color:#f1f3f5}.ProseMirror table .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#c8c8ff66;pointer-events:none}.ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:6px;background-color:#adf;pointer-events:auto}.ProseMirror table p{margin:0}.ProseMirror table p.is-empty:before{content:""!important}.ProseMirror .d-block-button{display:flex;height:-moz-fit-content;height:fit-content;align-items:center;justify-content:center;border-radius:.25rem;background-color:transparent;padding-top:.25rem;padding-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1)}.ProseMirror ul,.ProseMirror ol,.ProseMirror li{margin:0;padding:0}.ProseMirror>*:first-child:first-child,.ProseMirror [data-type=column]>*:first-child{margin-top:0}.ProseMirror>*:first-child:last-child,.ProseMirror [data-type=column]>*:last-child{margin-bottom:0}.ProseMirror [data-type=columns]{margin-top:.75rem;margin-bottom:.75rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}@media (min-width: 768px){.ProseMirror [data-type=columns]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.ProseMirror [data-type=columns].layout-align-right>*:first-child{grid-column:span 1 / span 1}.ProseMirror [data-type=columns].layout-align-right>*:last-child{grid-column:span 1 / span 1}.ProseMirror [data-type=columns].layout-align-right>*:nth-last-child(2):first-child{grid-column:span 2 / span 2}.ProseMirror [data-type=columns].layout-align-right>*:nth-last-child(3):first-child{grid-column:span 2 / span 2}.ProseMirror [data-type=columns].layout-align-left>*:first-child{grid-column:span 1 / span 1}.ProseMirror [data-type=columns].layout-align-left>*:last-child{grid-column:span 1 / span 1}.ProseMirror [data-type=columns].layout-align-left>*:nth-child(2):last-child{grid-column:span 2 / span 2}.ProseMirror [data-type=columns].layout-align-left>*:nth-child(3):last-child{grid-column:span 2 / span 2}.ProseMirror [data-type=columns] [data-type=column]{min-width:100%;overflow:hidden;border-radius:.25rem;border-width:2px;border-style:dashed;border-color:transparent;padding:.25rem;transition:border .16s cubic-bezier(.45,.05,.55,.95)}.ProseMirror [data-type=columns] [data-type=column]:hover,.ProseMirror [data-type=columns] [data-type=column]:focus{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity))}.ProseMirror [data-type=columns] [data-type=column]>.node-dBlock{padding-bottom:0!important}.ProseMirror [data-type=horizontalRule]{margin-left:auto;margin-right:auto;height:.25rem;width:50%;cursor:pointer;border-radius:.125rem;padding-top:.5rem;padding-bottom:.75rem;transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.1s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.ProseMirror [data-type=horizontalRule].ProseMirror-selectednode{background-color:#bfdbfe80}.ProseMirror [data-type=horizontalRule]:hover:not(.ProseMirror [data-type=horizontalRule].ProseMirror-selectednode){background-color:#bfdbfe80}.ProseMirror [data-type=horizontalRule] hr{border-radius:.25rem;border-width:2px;border-color:#d1d5db33;background-color:#d1d5dbcc}.table-wrapper,.is-table div{padding:0;width:auto;overflow-x:auto}.resize-cursor{cursor:ew-resize;cursor:col-resize}.node-dBlock{flex-grow:1;transition:all .2s;width:100%}.node-dBlock:last-child{padding-bottom:4rem}.node-iframe,.node-embeddedTweet{pointer-events:auto}@media (max-width: 1025px){.node-iframe iframe{width:100%;aspect-ratio:16/9;height:auto}}[data-theme=link-command]{width:1000vw}.ProseMirror>*+*{margin-top:1.5em;margin-bottom:1.5em}.ProseMirror ul,.ProseMirror ol{padding:0 1rem;margin:.5rem;text-wrap:text-wrap;word-break:break-all;width:inherit}.ProseMirror li{padding:0 1rem;margin:.5rem}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{line-height:1.1;font-weight:700}.ProseMirror h1{font-size:32px}.ProseMirror h2{font-size:24px}.ProseMirror h3{font-size:18px}.ProseMirror code{background-color:#6161611a;color:#616161}.ProseMirror pre{background-color:transparent;color:#000;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.8rem}.ProseMirror img{max-width:100%;height:auto}.ProseMirror blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.ProseMirror img:hover{cursor:pointer;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.ProseMirror img:hover:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ProseMirror img.ProseMirror-selectednode{outline:3px solid #5abbf7;filter:brightness(90%)}.tiptap.ProseMirror ol{display:flex;flex-direction:column}ul[data-type=taskList] li>label{margin-right:.2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 768px){ul[data-type=taskList] li>label{margin-right:.5rem}}ul[data-type=taskList] li>label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;cursor:pointer;width:1.2em;height:1.2em;position:relative;top:3px;border:2px solid black;margin-right:.3rem;display:grid;place-content:center}ul[data-type=taskList] li>label input[type=checkbox]:hover{background-color:#f8f9fa}ul[data-type=taskList] li>label input[type=checkbox]:active{background-color:#e9ecef}ul[data-type=taskList] li>label input[type=checkbox]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}ul[data-type=taskList] li>label input[type=checkbox]:checked:before{transform:scale(1)}ul[data-type=taskList] li[data-checked=true]>div>p{color:#a8a29e;text-decoration:line-through;text-decoration-thickness:2px}.collaboration-cursor__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.collaboration-cursor__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.custom-cursor__caret{border-left:1px solid transparent;border-right:1px solid transparent;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.custom-cursor__icon{flex-shrink:0;width:13px;height:14px;margin-right:5px}.custom-cursor__text{white-space:nowrap;overflow:visible;flex-grow:1;display:flex}.custom-cursor__label-container{display:flex;align-items:center;position:absolute;top:-1.4em;left:-1px;background-color:#fffc;border-radius:8px;box-shadow:0 2px 5px #0003;padding:.1rem .3rem;width:-moz-max-content;width:max-content;white-space:nowrap}.custom-cursor__label{display:flex;align-items:center;color:#0d0d0d;font-size:14px;font-weight:600;line-height:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;padding-right:16px;position:relative}.custom-cursor__badge{position:absolute;right:3px;width:12px;height:12px;margin-left:5px}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translate(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translate(5px)}.dropdown{z-index:50;width:13rem;--tw-translate-x: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dropdown .dropdown-content{display:flex;flex-direction:column;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dropdown .dropdown-content .button{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.25rem;padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dropdown .dropdown-content .button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.trigger-button{position:absolute;right:0;bottom:0;margin:.25rem;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;background-color:transparent;padding:0 1px;font-size:1rem;line-height:1.5rem;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group:hover .trigger-button{opacity:1}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fileverse-dev/ddoc",
   "private": false,
   "description": "DDoc",
-  "version": "1.2.9",
+  "version": "1.3.1",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "exports": {
@@ -51,6 +51,7 @@
     "@tiptap/starter-kit": "^2.4.0",
     "@tiptap/suggestion": "^2.4.0",
     "classnames": "^2.5.1",
+    "embla-carousel-react": "^8.1.5",
     "ethers": "^6.13.1",
     "lucide-react": "^0.379.0",
     "prosemirror-model": "^1.21.0",
@@ -59,8 +60,10 @@
     "react-dom": "^18.2.0",
     "react-twitter-embed": "^4.0.4",
     "react-uuid": "^2.0.0",
+    "tailwindcss-animate": "^1.0.7",
     "tippy.js": "^6.3.7",
     "usehooks-ts": "^3.1.0",
+    "vaul": "^0.9.1",
     "vite-plugin-dts": "^3.6.3",
     "y-prosemirror": "^1.2.5",
     "y-webrtc": "^10.3.0",

package/dist/packages/ddoc/navbar/navbar.d.ts

@@ -1,7 +0,0 @@
-import { PluginMetaData } from '../types';
-
-export declare const PluginNavbarLeftSection: ({ metaData, setMetaData, isPreviewMode, }: {
-    metaData: PluginMetaData;
-    setMetaData: React.Dispatch<React.SetStateAction<PluginMetaData>>;
-    isPreviewMode: boolean;
-}) => import("react/jsx-runtime").JSX.Element;