fika-editor 3.0.0 → 3.0.1

package/dist/types/views/Editor/MarkupPanel.d.ts

@@ -0,0 +1,2 @@
+declare const MarkupPanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default MarkupPanel;

package/dist/types/views/Editor/MermaidEditorDialog.d.ts

@@ -0,0 +1,2 @@
+declare const MermaidEditorDialog: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default MermaidEditorDialog;

package/dist/types/views/Editor/NotesPanel.d.ts

@@ -0,0 +1,2 @@
+declare const NotesPanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default NotesPanel;

package/dist/types/views/Editor/Remark/Editor.d.ts

@@ -0,0 +1,6 @@
+export type IEditorProps = {
+    value: string;
+    onUpdate?: (payload: string) => void;
+};
+declare const Editor: import("react").MemoExoticComponent<(props: IEditorProps) => import("react").JSX.Element>;
+export default Editor;

package/dist/types/views/Editor/Remark/index.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties } from 'react';
+export type IRemarkProps = {
+    height: number;
+    codePanelOpen?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    onUpdateHeight?: (payload: number) => void;
+    onToggleCodePanel?: () => void;
+};
+declare const Remark: import("react").MemoExoticComponent<(props: IRemarkProps) => import("react").JSX.Element>;
+export default Remark;

package/dist/types/views/Editor/SearchPanel.d.ts

@@ -0,0 +1,2 @@
+declare const SearchPanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default SearchPanel;

package/dist/types/views/Editor/SelectPanel.d.ts

@@ -0,0 +1,2 @@
+declare const SelectPanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default SelectPanel;

package/dist/types/views/Editor/SlideCodePanel.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties } from 'react';
+export type ISlideCodePanelProps = {
+    height: number;
+    className?: string;
+    style?: CSSProperties;
+} & {
+    onUpdateHeight?: (payload: number) => void;
+    onClose?: () => void;
+};
+declare const SlideCodePanel: import("react").MemoExoticComponent<(props: ISlideCodePanelProps) => import("react").JSX.Element>;
+export default SlideCodePanel;

package/dist/types/views/Editor/Thumbnails/ExportThemeDialog.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties } from 'react';
+import type { SlideThemeFile } from '../../../types/slides';
+export type IExportThemeDialogProps = {
+    data: SlideThemeFile;
+    onClose?: () => void;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const ExportThemeDialog: import("react").MemoExoticComponent<(props: IExportThemeDialogProps) => import("react").JSX.Element>;
+export default ExportThemeDialog;

package/dist/types/views/Editor/Thumbnails/LayoutPicker.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties } from 'react';
+import type { Slide } from '../../../types/slides';
+export type ILayoutPickerProps = {
+    onSelect?: (payload: Slide) => void;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const LayoutPicker: import("react").MemoExoticComponent<(props: ILayoutPickerProps) => import("react").JSX.Element>;
+export default LayoutPicker;

package/dist/types/views/Editor/Thumbnails/index.d.ts

@@ -0,0 +1,6 @@
+import { type CSSProperties } from 'react';
+declare const Thumbnails: import("react").MemoExoticComponent<({ className, style }: {
+    className?: string;
+    style?: CSSProperties;
+}) => import("react").JSX.Element>;
+export default Thumbnails;

package/dist/types/views/Editor/Thumbnails/paneSize.d.ts

@@ -0,0 +1,20 @@
+export declare const PREVIEW_MIN_PANE = 120;
+export declare const PREVIEW_DEFAULT_PANE = 168;
+export declare const PREVIEW_MAX_PANE = 420;
+export declare const PREVIEW_THUMB_INSET = 48;
+export declare const PREVIEW_SUPER_SAMPLE = 2;
+export declare const PREVIEW_MAX_WORKING = 1024;
+type DestPublishHandler = () => void;
+export type PreviewDestSize = {
+    cssWidth: number;
+    cssHeight: number;
+    dpr: number;
+    workingSlideWidth: number;
+};
+export declare const previewWorkingWidth: (destWidth: number, pixelRatio: number) => number;
+export declare const setPreviewDestPublishHandler: (fn: DestPublishHandler | null) => void;
+export declare const setPreviewPaneWidth: (width: number) => void;
+export declare const setPreviewViewportRatio: (ratio: number) => void;
+export declare const getPreviewDestSize: () => PreviewDestSize;
+export declare const usePreviewDestSize: () => PreviewDestSize;
+export {};

package/dist/types/views/Editor/Thumbnails/useThumbnailVirtualizer.d.ts

@@ -0,0 +1,13 @@
+import { type RefObject } from 'react';
+import { type VirtualItem, type Virtualizer } from '@tanstack/react-virtual';
+import { type PreviewDestSize } from './paneSize';
+import type { RailSlideMeta } from '../../components/ThumbnailSlide/paintedSlide';
+export type ThumbnailVirtualizerApi = {
+    scrollRef: RefObject<HTMLDivElement | null>;
+    virtualizer: Virtualizer<HTMLDivElement, Element>;
+    virtualItems: VirtualItem[];
+    visibleSlideIds: string[];
+    thumbHeight: number;
+    dest: PreviewDestSize;
+};
+export declare const useThumbnailVirtualizer: (items: RailSlideMeta[], hasSection: boolean) => ThumbnailVirtualizerApi;

package/dist/types/views/Editor/Toolbar/ElementAnimationPanel.d.ts

@@ -0,0 +1,2 @@
+declare const ElementAnimationPanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ElementAnimationPanel;

package/dist/types/views/Editor/Toolbar/ElementPositionPanel.d.ts

@@ -0,0 +1,2 @@
+declare const ElementPositionPanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ElementPositionPanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/AudioStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const AudioStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default AudioStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/ThemeColorsSetting.d.ts

@@ -0,0 +1,4 @@
+export default function ThemeColorsSetting({ colors, onUpdate, }: {
+    colors: string[];
+    onUpdate?: (payload: string[]) => void;
+}): import("react").JSX.Element;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.d.ts

@@ -0,0 +1,2 @@
+declare const ChartStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ChartStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/CodeStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const CodeStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default CodeStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const ImageStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ImageStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/LatexStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const LatexStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default LatexStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/LineStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const LineStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default LineStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const ShapeStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ShapeStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/TableStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const TableStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default TableStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const TextStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default TextStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/VideoStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const VideoStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default VideoStylePanel;

package/dist/types/views/Editor/Toolbar/ElementStylePanel/index.d.ts

@@ -0,0 +1,2 @@
+declare const ElementStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ElementStylePanel;

package/dist/types/views/Editor/Toolbar/MultiPositionPanel.d.ts

@@ -0,0 +1,2 @@
+declare const MultiPositionPanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default MultiPositionPanel;

package/dist/types/views/Editor/Toolbar/MultiStylePanel.d.ts

@@ -0,0 +1,2 @@
+declare const MultiStylePanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default MultiStylePanel;

package/dist/types/views/Editor/Toolbar/SlideAnimationPanel.d.ts

@@ -0,0 +1,2 @@
+declare const SlideAnimationPanel: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default SlideAnimationPanel;

package/dist/types/views/Editor/Toolbar/SlideDesignPanel/ViewportSizeSetting.d.ts

@@ -0,0 +1,7 @@
+import { type CSSProperties } from 'react';
+export type IViewportSizeSettingProps = {
+    onClose?: () => void;
+    className?: string;
+    style?: CSSProperties;
+};
+export default function ViewportSizeSetting({ onClose, className, style }: IViewportSizeSettingProps): import("react").JSX.Element;

package/dist/types/views/Editor/Toolbar/SlideDesignPanel/index.d.ts

@@ -0,0 +1,7 @@
+import { type CSSProperties } from 'react';
+declare function SlideDesignPanel({ className, style }: {
+    className?: string;
+    style?: CSSProperties;
+}): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof SlideDesignPanel>;
+export default _default;

package/dist/types/views/Editor/Toolbar/common/AnimationPool.d.ts

@@ -0,0 +1,17 @@
+import { type AnimationPresetGroup } from '../../../../configs/animation';
+import type { AnimationType } from '../../../../types/slides';
+export type IAnimationPoolProps = {
+    activeTab: AnimationType;
+    tabs: {
+        key: AnimationType;
+        label: string;
+    }[];
+    groups: AnimationPresetGroup[];
+    previewReady?: boolean;
+    currentEffect?: string;
+} & {
+    onUpdateActiveTab?: (payload: AnimationType) => void;
+    onPick?: (payload: string) => void;
+};
+declare const AnimationPool: import("react").MemoExoticComponent<(props: IAnimationPoolProps) => import("react").JSX.Element>;
+export default AnimationPool;

package/dist/types/views/Editor/Toolbar/common/BoxInsetControl.d.ts

@@ -0,0 +1,14 @@
+import type { TextInset } from '../../../../types/slides';
+export type IBoxInsetControlProps = {
+    value: TextInset;
+    min?: number;
+    max?: number;
+    topTitle?: string;
+    rightTitle?: string;
+    bottomTitle?: string;
+    leftTitle?: string;
+} & {
+    onUpdateValue?: (payload: TextInset) => void;
+};
+declare const BoxInsetControl: import("react").MemoExoticComponent<({ value, min, max, topTitle, rightTitle, bottomTitle, leftTitle, onUpdateValue, }: IBoxInsetControlProps) => import("react").JSX.Element>;
+export default BoxInsetControl;

package/dist/types/views/Editor/Toolbar/common/ElementColorMask.d.ts

@@ -0,0 +1,2 @@
+declare const ElementColorMask: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ElementColorMask;

package/dist/types/views/Editor/Toolbar/common/ElementFilter.d.ts

@@ -0,0 +1,2 @@
+declare const ElementFilter: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ElementFilter;

package/dist/types/views/Editor/Toolbar/common/ElementFlip.d.ts

@@ -0,0 +1,2 @@
+declare const ElementFlip: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ElementFlip;

package/dist/types/views/Editor/Toolbar/common/ElementOpacity.d.ts

@@ -0,0 +1,2 @@
+declare const ElementOpacity: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ElementOpacity;

package/dist/types/views/Editor/Toolbar/common/ElementOutline.d.ts

@@ -0,0 +1,5 @@
+export type IElementOutlineProps = {
+    fixed?: boolean;
+};
+declare const ElementOutline: import("react").MemoExoticComponent<({ fixed }: IElementOutlineProps) => import("react").JSX.Element>;
+export default ElementOutline;

package/dist/types/views/Editor/Toolbar/common/ElementShadow.d.ts

@@ -0,0 +1,2 @@
+declare const ElementShadow: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default ElementShadow;

package/dist/types/views/Editor/Toolbar/common/PanelSection.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type IPanelSectionProps = {
+    label?: string;
+    action?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const PanelSection: import("react").MemoExoticComponent<({ label, action, children, className, style }: IPanelSectionProps) => import("react").JSX.Element>;
+export default PanelSection;

package/dist/types/views/Editor/Toolbar/common/RichTextBase.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export type IRichTextBaseProps = {
+    showColor?: boolean;
+    presets?: ReactNode;
+    color?: ReactNode;
+    paragraphAction?: ReactNode;
+    paragraphExtra?: ReactNode;
+};
+declare const RichTextBase: import("react").MemoExoticComponent<(props: IRichTextBaseProps) => import("react").JSX.Element>;
+export default RichTextBase;

package/dist/types/views/Editor/Toolbar/common/SVGLine.d.ts

@@ -0,0 +1,10 @@
+import type { LinePoint, LineStyleType } from '../../../../types/slides';
+export type ISVGLineProps = {
+    width?: number;
+    color?: string;
+    markers?: [LinePoint, LinePoint];
+    type?: LineStyleType;
+    padding?: number;
+};
+declare const SVGLine: import("react").MemoExoticComponent<({ width, color, markers, type, padding, }: ISVGLineProps) => import("react").JSX.Element>;
+export default SVGLine;

package/dist/types/views/Editor/Toolbar/common/TextStyleContent.d.ts

@@ -0,0 +1,2 @@
+declare const TextStyleContent: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default TextStyleContent;

package/dist/types/views/Editor/Toolbar/common/handleElement.d.ts

@@ -0,0 +1,19 @@
+import type { PPTElement } from '../../../../types/slides';
+export declare function getHandleElement(): PPTElement;
+export declare function findHandleElement(handleElementId?: string): PPTElement;
+export declare function shallowEqual<T>(a: T, b: T): boolean;
+/**
+ * Subscribe to main + slides, but only rerender when `selector()` changes
+ * under `equalityFn`. Read content / table cell text only if the UI shows it.
+ */
+export declare function useToolbarStoreSelect<T>(selector: () => T, equalityFn?: (a: T, b: T) => boolean): T;
+/**
+ * Select fields from the handle element by id.
+ * Content / table cell text only notify when the selector reads those strings.
+ */
+export declare function useHandleElementSelect<T>(selector: (el: PPTElement | null) => T, equalityFn?: (a: T, b: T) => boolean): T;
+export declare function useHandleElementShallow<T extends object | null | undefined>(selector: (el: PPTElement | null) => T): T;
+export declare function useHandleElementId(): string;
+export declare function useHandleElementType(): "audio" | "chart" | "code" | "image" | "latex" | "line" | "mermaid" | "shape" | "table" | "text" | "video";
+export declare function useHasHandleElement(): boolean;
+export declare function useHasActiveGroupElement(): boolean;

package/dist/types/views/Editor/Toolbar/common/panelSwitch.d.ts

@@ -0,0 +1,4 @@
+import { ToolbarStates } from '../../../../types/toolbar';
+export declare function resolveToolbarPanelState(selectionTabKeys: readonly ToolbarStates[], toolbarState: ToolbarStates): ToolbarStates;
+export declare function rememberSeen<T>(seen: readonly T[], current: T | null | undefined): T[];
+export declare function useKeepAlive<T>(current: T | null | undefined): T[];

package/dist/types/views/Editor/Toolbar/common/textBoxStyle.d.ts

@@ -0,0 +1,25 @@
+import type { PPTElement, PPTShapeElement, PPTTextElement, ShapeText, TextAlignVertical, TextInset } from '../../../../types/slides';
+export declare const DEFAULT_TEXT_INSET: TextInset;
+export type TextBoxStyle = {
+    fill: string;
+    lineHeight: number;
+    paragraphSpace: number;
+    inset: TextInset;
+    fixedHeight: boolean;
+    vAlign: TextAlignVertical;
+};
+export declare function isShapeTextFixedHeight(text?: ShapeText): boolean;
+export type TextBoxStylePatch = {
+    fill?: string;
+    lineHeight?: number;
+    paragraphSpace?: number;
+    inset?: TextInset;
+    fixedHeight?: boolean;
+    vAlign?: TextAlignVertical;
+};
+export declare function isTextStyleTarget(el: PPTElement | null): el is PPTTextElement | PPTShapeElement;
+export declare function readTextBoxStyle(el: PPTElement | null): TextBoxStyle | null;
+export declare function applyTextBoxStylePatch(el: PPTElement, patch: TextBoxStylePatch, defaultShapeText: ShapeText): {
+    props?: Partial<PPTTextElement> | Partial<PPTShapeElement>;
+    remove?: Array<keyof PPTTextElement>;
+} | null;

package/dist/types/views/Editor/Toolbar/index.d.ts

@@ -0,0 +1,6 @@
+import { type CSSProperties } from 'react';
+declare const Toolbar: import("react").MemoExoticComponent<({ className, style }: {
+    className?: string;
+    style?: CSSProperties;
+}) => import("react").JSX.Element>;
+export default Toolbar;

package/dist/types/views/Editor/Toolbar/paneSize.d.ts

@@ -0,0 +1,15 @@
+export declare const RIGHT_PANE_MIN = 220;
+export declare const RIGHT_PANE_DEFAULT = 260;
+export declare const RIGHT_PANE_MAX = 420;
+export type PaneSizePreference = {
+    width: number;
+    hostWidth: number;
+};
+export declare const scalePreferredPx: (preferredPx: number, preferredHost: number, currentHost: number) => number;
+declare const clamp: (width: number, hostWidth?: number) => number;
+export declare const readRightPanePreference: (hostWidth?: number) => PaneSizePreference;
+export declare const scaleRightPaneWidth: (preference: PaneSizePreference, hostWidth?: number) => number;
+export declare const readRightPaneWidth: (hostWidth?: number) => number;
+export declare const writeRightPaneWidth: (width: number, hostWidth?: number) => PaneSizePreference;
+export declare const clampRightPaneWidth: typeof clamp;
+export {};

package/dist/types/views/Editor/index.d.ts

@@ -0,0 +1,2 @@
+declare const Editor: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default Editor;

package/dist/types/views/Editor/slideCodeMirror.d.ts

@@ -0,0 +1,17 @@
+/**
+ * CodeMirror bootstrap for SlideCodePanel.
+ * Loaded via dynamic import so codemirror stays out of the initial embed graph.
+ */
+import { basicSetup, EditorView } from 'codemirror';
+import { json } from '@codemirror/lang-json';
+import { EditorState, StateEffect, StateField, Transaction, type Extension } from '@codemirror/state';
+import { Decoration, keymap, type DecorationSet } from '@codemirror/view';
+import { foldable, foldedRanges, indentUnit, unfoldEffect } from '@codemirror/language';
+import { indentWithTab } from '@codemirror/commands';
+export type ElementHighlightRange = {
+    from: number;
+    to: number;
+};
+export { basicSetup, EditorView, json, EditorState, StateEffect, StateField, Transaction, Decoration, keymap, foldable, foldedRanges, indentUnit, unfoldEffect, indentWithTab };
+export type { DecorationSet };
+export declare const createElementHighlightField: (setElementHighlightEffect: ReturnType<typeof StateEffect.define<ElementHighlightRange | null>>) => Extension;

package/dist/types/views/Editor/slideCodeUtils.d.ts

@@ -0,0 +1,14 @@
+export interface ElementCodeRange {
+    start: number;
+    end: number;
+}
+export type JSONFormatResult = {
+    success: true;
+    value: unknown;
+    formatted: string;
+} | {
+    success: false;
+    message: string;
+};
+export declare const parseAndFormatJSON: (source: string) => JSONFormatResult;
+export declare const findElementRange: (source: string, elementId: string) => ElementCodeRange | null;

package/dist/types/views/Editor/slideValidator.d.ts

@@ -0,0 +1,12 @@
+import type { Slide } from '../../types/slides';
+export type SlideValidationResult = {
+    ok: true;
+    slide: Slide;
+} | {
+    ok: false;
+    message: string;
+};
+/**
+ * Lightweight slide JSON guard used by SlideCodePanel (no AI stack dependency).
+ */
+export declare const validateSlide: (value: unknown) => SlideValidationResult;

package/dist/types/views/Mobile/MobileEditor/ElementToolbar.d.ts

@@ -0,0 +1 @@
+export default function ElementToolbar(): import("react").JSX.Element;

package/dist/types/views/Mobile/MobileEditor/Header.d.ts

@@ -0,0 +1,5 @@
+import type { Mode } from '../../../types/mobile';
+export type IHeaderProps = {
+    changeMode: (mode: Mode) => void;
+};
+export default function Header({ changeMode }: IHeaderProps): import("react").JSX.Element;

package/dist/types/views/Mobile/MobileEditor/MobileEditableElement.d.ts

@@ -0,0 +1,7 @@
+import { type PPTElement } from '../../../types/slides';
+export type IMobileEditableElementProps = {
+    elementInfo: PPTElement;
+    elementIndex: number;
+    selectElement: (e: TouchEvent, element: PPTElement, canMove?: boolean) => void;
+};
+export default function MobileEditableElement({ elementInfo, elementIndex, selectElement, }: IMobileEditableElementProps): import("react").JSX.Element;

package/dist/types/views/Mobile/MobileEditor/MobileOperate.d.ts

@@ -0,0 +1,12 @@
+import type { PPTElement, PPTLineElement, PPTChartElement, PPTVideoElement, PPTAudioElement } from '../../../types/slides';
+import type { OperateResizeHandlers } from '../../../types/edit';
+type CanRotatePPTElement = Exclude<PPTElement, PPTChartElement | PPTLineElement | PPTVideoElement | PPTAudioElement>;
+export type IMobileOperateProps = {
+    elementInfo: Exclude<PPTElement, PPTLineElement>;
+    isSelected: boolean;
+    canvasScale: number;
+    scaleElement: (e: TouchEvent, element: Exclude<PPTElement, PPTLineElement>, command: OperateResizeHandlers) => void;
+    rotateElement: (e: TouchEvent, element: CanRotatePPTElement) => void;
+};
+export default function MobileOperate({ elementInfo, isSelected, canvasScale, scaleElement, rotateElement, }: IMobileOperateProps): import("react").JSX.Element;
+export {};

package/dist/types/views/Mobile/MobileEditor/SlideToolbar.d.ts

@@ -0,0 +1 @@
+export default function SlideToolbar(): import("react").JSX.Element;

package/dist/types/views/Mobile/MobileEditor/index.d.ts

@@ -0,0 +1,5 @@
+import type { Mode } from '../../../types/mobile';
+export type IMobileEditorProps = {
+    changeMode: (mode: Mode) => void;
+};
+export default function MobileEditor({ changeMode }: IMobileEditorProps): import("react").JSX.Element;

package/dist/types/views/Mobile/MobilePlayer.d.ts

@@ -0,0 +1,5 @@
+import type { Mode } from '../../types/mobile';
+export type IMobilePlayerProps = {
+    changeMode: (mode: Mode) => void;
+};
+export default function MobilePlayer({ changeMode }: IMobilePlayerProps): import("react").JSX.Element;

package/dist/types/views/Mobile/MobilePreview.d.ts

@@ -0,0 +1,5 @@
+import type { Mode } from '../../types/mobile';
+export type IMobilePreviewProps = {
+    changeMode: (mode: Mode) => void;
+};
+export default function MobilePreview({ changeMode }: IMobilePreviewProps): import("react").JSX.Element;

package/dist/types/views/Mobile/MobileThumbnails.d.ts

@@ -0,0 +1,3 @@
+export default function MobileThumbnails({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/types/views/Mobile/index.d.ts

@@ -0,0 +1 @@
+export default function Mobile(): import("react").JSX.Element;

package/dist/types/views/Screen/AudienceView.d.ts

@@ -0,0 +1 @@
+export default function AudienceView(): import("react").JSX.Element;

package/dist/types/views/Screen/BaseView.d.ts

@@ -0,0 +1,3 @@
+export default function BaseView({ changeViewMode }: {
+    changeViewMode: (mode: 'base' | 'presenter') => void;
+}): import("react").JSX.Element;

package/dist/types/views/Screen/BottomThumbnails.d.ts

@@ -0,0 +1 @@
+export default function BottomThumbnails(): import("react").JSX.Element;

package/dist/types/views/Screen/CountdownTimer.d.ts

@@ -0,0 +1,6 @@
+export type ICountdownTimerProps = {
+    left?: number;
+    top?: number;
+    onClose?: () => void;
+};
+export default function CountdownTimer({ left, top, onClose }: ICountdownTimerProps): import("react").JSX.Element;

package/dist/types/views/Screen/LaserColorSwatches.d.ts

@@ -0,0 +1,8 @@
+import { type LaserColorId } from '../../configs/laser';
+export type ILaserColorSwatchesProps = {
+    laserColor: LaserColorId;
+    toggleLaserColor: (color: LaserColorId) => void;
+    layout?: 'row' | 'grid';
+};
+declare const LaserColorSwatches: import("react").MemoExoticComponent<(props: ILaserColorSwatchesProps) => import("react").JSX.Element>;
+export default LaserColorSwatches;

package/dist/types/views/Screen/LaserTrailOverlay.d.ts

@@ -0,0 +1,11 @@
+import { type LaserColorId } from '../../configs/laser';
+export type ILaserTrailOverlayProps = {
+    active: boolean;
+    color?: LaserColorId;
+    trackPointer?: boolean;
+    remoteX?: number;
+    remoteY?: number;
+    slideWidth?: number;
+    slideHeight?: number;
+};
+export default function LaserTrailOverlay({ active, color, trackPointer, remoteX, remoteY, slideWidth, slideHeight, }: ILaserTrailOverlayProps): import("react").JSX.Element;

package/dist/types/views/Screen/PresenterToolbar.d.ts

@@ -0,0 +1,30 @@
+import type { LaserColorId } from '../../configs/laser';
+export type PresenterToolbarProps = {
+    execPrev: () => void;
+    execNext: () => void;
+    turnSlideToIndex: (index: number) => void;
+    penActive: boolean;
+    laserActive: boolean;
+    laserColor: LaserColorId;
+    toggleLaserColor: (color: LaserColorId) => void;
+    timerVisible: boolean;
+    fullscreenState: boolean;
+    autoPlayTimer: ReturnType<typeof setInterval> | null;
+    autoPlay: () => void;
+    closeAutoPlay: () => void;
+    loopPlay: boolean;
+    onOpenPen: () => void;
+    onToggleLaser: () => void;
+    onToggleTimer: () => void;
+    onOpenAllSlides: () => void;
+    onPresenterView: () => void;
+    onAudienceView: () => void;
+    onEnterFullscreen: () => void;
+    onExitFullscreen: () => void;
+    onToggleLoop: () => void;
+    onEnd: () => void;
+};
+declare const PresenterToolbar: import("react").ForwardRefExoticComponent<PresenterToolbarProps & import("react").RefAttributes<{
+    reveal: () => void;
+}>>;
+export default PresenterToolbar;

package/dist/types/views/Screen/PresenterView.d.ts

@@ -0,0 +1,3 @@
+export default function PresenterView({ changeViewMode }: {
+    changeViewMode: (mode: 'base' | 'presenter') => void;
+}): import("react").JSX.Element;

package/dist/types/views/Screen/ScreenElement.d.ts

@@ -0,0 +1,12 @@
+import { type PPTElement, type Slide, type SlideBackground } from '../../types/slides';
+export type IScreenElementProps = {
+    elementInfo: PPTElement;
+    elementIndex: number;
+    animationIndex: number;
+    slideType?: Slide['type'];
+    background?: SlideBackground;
+    turnSlideToId: (id: string) => void;
+    manualExitFullscreen: () => void;
+};
+declare const ScreenElement: import("react").MemoExoticComponent<(props: IScreenElementProps) => import("react").JSX.Element>;
+export default ScreenElement;

package/dist/types/views/Screen/ScreenShell.d.ts

@@ -0,0 +1,2 @@
+/** Instant present backdrop: theme/slide fill only, no slide tree. */
+export default function ScreenShell(): import("react").ReactPortal;