@fileverse-dev/ddoc 4.8.2 → 4.8.4

package/dist/{markdown-source-pane-zl8gaBEG.mjs → markdown-source-pane-CZtWK2lH.mjs}

@@ -3,7 +3,7 @@ var Wr = (t, e, O) => e in t ? Vr(t, e, { enumerable: !0, configurable: !0, writ
 var gt = (t, e, O) => Wr(t, typeof e != "symbol" ? e + "" : e, O);
 import { jsx as Cr } from "react/jsx-runtime";
 import { useRef as pe, useEffect as St } from "react";
-import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-SyVp89z7.mjs";
+import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-DE-dOVUQ.mjs";
 class ua {
   /**
   Create a new completion context. (Mostly useful for testing

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

@@ -10,6 +10,9 @@ type CarouselProps = {
     plugins?: CarouselPlugin;
     orientation?: 'horizontal' | 'vertical';
     setApi?: (api: CarouselApi) => void;
+    /** Slides visible per view. Embla has no option for this — slide size is
+     *  CSS-driven (`--slide-size` → flex-basis), which is what this sets. */
+    slidesPerView?: number;
 };
 declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -17,6 +20,8 @@ declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes
 declare const CarouselIndicator: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     index: number;
 } & React.RefAttributes<HTMLButtonElement>>;
+/** Renders one CarouselIndicator per Embla scroll snap. */
+declare const CarouselDots: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 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, };
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselIndicator, CarouselDots, CarouselPrevious, CarouselNext, };

package/dist/package/components/editor-bubble-menu/props.d.ts

@@ -12,9 +12,10 @@ export declare const shouldShowIgnoringFocus: (editor: Editor) => boolean;
  * `z-50`, so a modal cannot paint over it — anything that owns the screen has
  * to hide the menu explicitly or it overlaps the dialog.
  */
-export declare const isBubbleMenuHidden: ({ isCommentOpen, isLinkPopupOpen, isBubbleMenuSuppressed, isCustomSpacingOpen, }: {
+export declare const isBubbleMenuHidden: ({ isCommentOpen, isLinkPopupOpen, isBubbleMenuSuppressed, isCustomSpacingOpen, isMobileToolbarOpen, }: {
     isCommentOpen: boolean;
     isLinkPopupOpen: boolean;
     isBubbleMenuSuppressed: boolean;
     isCustomSpacingOpen: boolean;
+    isMobileToolbarOpen: boolean;
 }) => boolean;

package/dist/package/components/editor-toolbar/font-family.d.ts

@@ -1,7 +1,11 @@
 import { Editor } from '@tiptap/core';
 import { FontDescriptor } from '../../types';
 
-export declare const FontFamilyDropdown: ({ consumerFonts, editor, }: {
+export declare const FontFamilyDropdown: ({ consumerFonts, editor, triggerClassName, focusEditor, mobileSheet, }: {
     consumerFonts?: FontDescriptor[];
     editor: Editor;
+    triggerClassName?: string;
+    focusEditor?: boolean;
+    /** Mobile sheet layout: menu matches trigger width, 8px radius/padding */
+    mobileSheet?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/font-size.d.ts

@@ -1,7 +1,10 @@
 import { Editor } from '@tiptap/core';
 
-export declare const FontSizeDropdown: ({ editor, currentSize, onSetFontSize, }: {
+export declare const FontSizeDropdown: ({ editor, currentSize, onSetFontSize, triggerClassName, mobileSheet, }: {
     editor: Editor;
     currentSize?: string;
     onSetFontSize: (fontSize: string) => void;
+    triggerClassName?: string;
+    /** Mobile sheet layout: menu matches trigger width, 8px radius, 320px cap */
+    mobileSheet?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,7 +19,7 @@ export type CopyAo3Html = (getHtml: () => Promise<string>) => Promise<boolean>;
 type PickerEntry = {
     title: string;
     value: string;
-    command: (editor: Editor) => void;
+    command: (editor: Editor, focus?: boolean) => void;
     preview?: React.ReactNode;
 };
 export declare const baselineFonts: PickerEntry[];
@@ -92,11 +92,13 @@ export declare const TextHighlighter: ({ editor, setVisibility, elementRef, }: {
     elementRef: React.RefObject<HTMLDivElement>;
     setVisibility: Dispatch<SetStateAction<IEditorTool>>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const EditorFontFamily: ({ elementRef, editor, setToolVisibility, fonts: consumerFonts, }: {
+export declare const EditorFontFamily: ({ elementRef, editor, setToolVisibility, fonts: consumerFonts, focusEditor, mobileSheet, }: {
     elementRef: React.RefObject<HTMLDivElement>;
     editor: Editor;
     setToolVisibility: Dispatch<SetStateAction<IEditorTool>>;
     fonts?: FontDescriptor[];
+    focusEditor?: boolean;
+    mobileSheet?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const EditorAlignment: ({ elementRef, editor, setToolVisibility, }: {
     elementRef: React.RefObject<HTMLDivElement>;
@@ -160,14 +162,12 @@ export declare const LineHeightPicker: ({ editor, setVisibility, elementRef, cur
     onSetLineHeight: (lineHeight: string) => void;
     onOpenCustomSpacing?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const TextFormatingPopup: ({ editor, isOpen, setIsOpen, setToolVisibility, }: {
+export declare const TextFormatingPopup: ({ editor, isOpen, setIsOpen, setToolVisibility, fonts, }: {
     editor: Editor | null;
     isOpen: boolean;
     setIsOpen: (open: boolean) => void;
     setToolVisibility: Dispatch<SetStateAction<IEditorTool>>;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const TextColorPicker: ({ editor }: {
-    editor: Editor;
+    fonts?: FontDescriptor[];
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const checkActiveListsAndDBlocks: (editor: Editor) => {
     activeListTypes: string[];

package/dist/package/components/mobile-toolbar.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { Editor } from '@tiptap/react';
-import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
+import { FontDescriptor, IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 
-declare const MemoizedMobileToolbar: React.MemoExoticComponent<({ editor, onError, isKeyboardVisible, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, isLoading, ipfsImageFetchFn, fetchV1ImageFn, }: {
+declare const MemoizedMobileToolbar: React.MemoExoticComponent<({ editor, onError, isKeyboardVisible, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, isLoading, ipfsImageFetchFn, fetchV1ImageFn, fonts, }: {
     editor: Editor | null;
     onError?: (errorString: string) => void;
     isKeyboardVisible: boolean;
@@ -15,5 +15,6 @@ declare const MemoizedMobileToolbar: React.MemoExoticComponent<({ editor, onErro
         file: File;
     }>;
     fetchV1ImageFn?: (url: string) => Promise<ArrayBuffer | undefined>;
+    fonts?: FontDescriptor[];
 }) => import("react/jsx-runtime").JSX.Element>;
 export default MemoizedMobileToolbar;

package/dist/package/stores/mobile-toolbar-store.d.ts

@@ -0,0 +1,13 @@
+type Store = {
+    isMobileToolbarOpen: boolean;
+    setMobileToolbarOpen: (val: boolean) => void;
+};
+/**
+ * Whether one of the mobile toolbar's sheets/modals (text formatting, link)
+ * owns the screen. Module-level like custom-spacing-store: the bubble menu is
+ * a separate tree and must hide itself while these are open — on native
+ * mobile it shows for any in-editor selection, focus or not, and its inline
+ * z-index sits above the drawer.
+ */
+export declare const useMobileToolbarStore: import('zustand').UseBoundStore<import('zustand').StoreApi<Store>>;
+export {};

package/dist/package/utils/colors.d.ts

@@ -9,5 +9,10 @@ export declare const textColors: {
     light: string;
     dark: string;
 }[];
+export declare const mobileTextColors: {
+    name: string;
+    light: string;
+    dark: string;
+}[];
 export declare const resolveEditorColorVars: (value: string) => string;
 export declare const getResponsiveColor: (color?: string, theme?: ThemeKey) => string | undefined;

package/dist/package/utils/dismiss-native-selection.d.ts

@@ -0,0 +1,14 @@
+type EditorLike = {
+    view: {
+        dom: HTMLElement;
+    };
+} | null | undefined;
+/**
+ * Drop the DOM selection that lives inside the editor (and blur it) so iOS /
+ * Android dismiss their native edit menu and selection handles when a sheet
+ * takes over the screen. ProseMirror ignores `selectionchange` while the view
+ * is unfocused, so `state.selection` survives and commands issued from the
+ * sheet still apply to the selected text.
+ */
+export declare const dismissNativeSelection: (editor: EditorLike) => void;
+export {};

package/dist/{split-view-toolbar-C7u41qZI.mjs → split-view-toolbar-CvWe-bz8.mjs}

@@ -1,7 +1,7 @@
 import { jsx as m, jsxs as L } from "react/jsx-runtime";
 import { useRef as D, useState as E, useEffect as A } from "react";
 import { DynamicDropdown as P, Tooltip as O, IconButton as T } from "@fileverse/ui";
-import { a3 as _, a4 as w, c as R } from "./index-SyVp89z7.mjs";
+import { a3 as _, a4 as w, c as R } from "./index-DE-dOVUQ.mjs";
 const p = (e, n, o = n) => {
   const { state: i } = e, l = i.changeByRange((t) => {
     const d = i.sliceDoc(t.from, t.to), r = i.sliceDoc(