@netless/fastboard-react 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/fastboard-react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A UI kit built on top of @netless/fastboard.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@netless/app-slide": "^0.0.55",
-    "@netless/fastboard": "0.1.0",
+    "@netless/fastboard": "0.1.1",
     "@netless/window-manager": "^0.4.0-canary.17",
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
@@ -36,6 +36,7 @@
     "white-web-sdk": "^2.16.0"
   },
   "scripts": {
-    "build": "tsup"
+    "build": "tsup",
+    "cleanup": "rimraf dist"
   }
 }

package/src/components/Fastboard.tsx

@@ -1,9 +1,8 @@
 import type { FastboardApp } from "@netless/fastboard";
-import type { PropsWithChildren } from "react";
+import type { ForwardedRef } from "react";
 import type { Language, Theme } from "../typings";
 
-import React, { useCallback, useEffect } from "react";
-
+import React, { forwardRef, useCallback, useEffect } from "react";
 import { createI18n, I18nContext } from "../i18n";
 import { useAsyncValue, useForceUpdate } from "../internal";
 import { FastboardAppContext, ThemeContext, useFastboardApp, useHideControls } from "./hooks";
@@ -19,24 +18,32 @@ export interface FastboardProps {
   language?: Language;
 }
 
-export function Fastboard({ app, ...restProps }: PropsWithChildren<FastboardProps>) {
+export type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export type WithForwardedRef<T = HTMLDivElement> = { forwardedRef: ForwardedRef<T> };
+
+export const Fastboard = forwardRef<HTMLDivElement, FastboardProps & DivProps>(function Fastboard(
+  { app, theme, layout, language, ...restProps },
+  ref
+) {
   if (!app) {
-    return <div className="fastboard-root" />;
+    return <div className="fastboard-root" ref={ref} {...restProps} />;
   }
 
   return (
     <FastboardAppContext.Provider value={app}>
-      <FastboardInternal {...restProps} />
+      <FastboardInternal forwardedRef={ref} {...{ theme, layout, language }} {...restProps} />
     </FastboardAppContext.Provider>
   );
-}
+});
 
 function FastboardInternal({
+  forwardedRef,
   language,
   layout = {},
   theme = "light",
   children,
-}: Omit<PropsWithChildren<FastboardProps>, "app">) {
+  ...restProps
+}: Omit<FastboardProps, "app"> & DivProps & WithForwardedRef) {
   const app = useFastboardApp();
   const forceUpdate = useForceUpdate();
   const i18n = useAsyncValue(() => createI18n({ language }));
@@ -46,9 +53,13 @@ function FastboardInternal({
     forceUpdate();
   }, [forceUpdate, i18n, language]);
 
+  useEffect(() => {
+    app.manager.setPrefersColorScheme(theme);
+  }, [app, theme]);
+
   const useWhiteboard = useCallback(
     (container: HTMLDivElement | null) => {
-      container && app && app.manager.bindContainer(container);
+      if (container && app) app.manager.bindContainer(container);
     },
     [app]
   );
@@ -66,7 +77,7 @@ function FastboardInternal({
   return (
     <ThemeContext.Provider value={theme}>
       <I18nContext.Provider value={i18n}>
-        <div className="fastboard-root">
+        <div {...restProps} className="fastboard-root" ref={forwardedRef}>
           <div className="fastboard-view" ref={useWhiteboard} />
           {children ? (
             children

package/src/components/PageControl/PageControl.tsx

@@ -10,7 +10,7 @@ import { ChevronLeft } from "../../icons/ChevronLeft";
 import { ChevronRight } from "../../icons/ChevronRight";
 import { FilePlus } from "../../icons/FilePlus";
 import { TopOffset } from "../../theme";
-import { useFastboardApp, useTheme, useWritable } from "../hooks";
+import { useTheme, useWritable } from "../hooks";
 import { usePageControl } from "./hooks";
 
 export const name = "fastboard-page-control";
@@ -26,13 +26,11 @@ export function PageControl({
   nextIcon,
   nextIconDisable,
 }: PageControlProps) {
-  const app = useFastboardApp();
-
   theme = useTheme(theme);
   const { t } = useTranslation();
 
   const writable = useWritable();
-  const { pageIndex, pageCount, ...actions } = usePageControl(app.room, app.manager);
+  const { pageIndex, pageCount, ...actions } = usePageControl();
 
   const disabled = !writable;
 

package/src/components/PageControl/hooks.ts

@@ -1,67 +1,24 @@
-import type { Room, RoomState } from "white-web-sdk";
-import type { WindowManager } from "@netless/window-manager";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback } from "react";
+import { useFastboardApp, useFastboardValue } from "../hooks";
 
-export function usePageControl(room?: Room | null, manager?: WindowManager | null) {
-  const [pageIndex, setPageIndex] = useState(0);
-  const [pageCount, setPageCount] = useState(0);
+export function usePageControl() {
+  const app = useFastboardApp();
+  const pageIndex = useFastboardValue(app.sceneIndex);
+  const pageCount = useFastboardValue(app.sceneLength);
 
   const addPage = useCallback(async () => {
-    if (manager && room) {
-      await manager.switchMainViewToWriter();
-      const path = room.state.sceneState.contextPath;
-      room.putScenes(path, [{}], pageIndex + 1);
-      await manager.setMainViewSceneIndex(pageIndex + 1);
-    } else if (!manager && room) {
-      const path = room.state.sceneState.contextPath;
-      room.putScenes(path, [{}], pageIndex + 1);
-      room.setSceneIndex(pageIndex + 1);
-    }
-  }, [room, manager, pageIndex]);
-
-  const prevPage = useCallback(() => {
-    if (manager) {
-      manager.setMainViewSceneIndex(pageIndex - 1);
-    } else if (room) {
-      room.pptPreviousStep();
-    }
-  }, [room, manager, pageIndex]);
-
-  const nextPage = useCallback(() => {
-    if (manager) {
-      manager.setMainViewSceneIndex(pageIndex + 1);
-    } else if (room) {
-      room.pptNextStep();
-    }
-  }, [room, manager, pageIndex]);
-
-  useEffect(() => {
-    if (room) {
-      setPageIndex(room.state.sceneState.index);
-      setPageCount(room.state.sceneState.scenes.length);
-
-      if (manager) {
-        manager.emitter.on("mainViewSceneIndexChange", setPageIndex);
-
-        return () => {
-          manager.emitter.off("mainViewSceneIndexChange", setPageIndex);
-        };
-      } else {
-        const onRoomStateChanged = (modifyState: Partial<RoomState>) => {
-          if (modifyState.sceneState) {
-            setPageIndex(modifyState.sceneState.index);
-            setPageCount(modifyState.sceneState.scenes.length);
-          }
-        };
-
-        room.callbacks.on("onRoomStateChanged", onRoomStateChanged);
-
-        return () => {
-          room.callbacks.off("onRoomStateChanged", onRoomStateChanged);
-        };
-      }
-    }
-  }, [room, manager]);
+    await app.manager.switchMainViewToWriter();
+    app.room.putScenes(app.manager.mainViewSceneDir, [{}], pageIndex + 1);
+    await app.manager.setMainViewSceneIndex(pageIndex + 1);
+  }, [app, pageIndex]);
+
+  const prevPage = useCallback(async () => {
+    await app.manager.setMainViewSceneIndex(pageIndex - 1);
+  }, [app, pageIndex]);
+
+  const nextPage = useCallback(async () => {
+    await app.manager.setMainViewSceneIndex(pageIndex + 1);
+  }, [app, pageIndex]);
 
   return { pageIndex, pageCount, prevPage, nextPage, addPage };
 }

package/dist/behaviors/style.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Fastboard.d.ts

@@ -1,15 +0,0 @@
-import type { FastboardApp } from "@netless/fastboard";
-import type { PropsWithChildren } from "react";
-import type { Language, Theme } from "../typings";
-export interface FastboardProps {
-    app?: FastboardApp | null;
-    theme?: Theme;
-    layout?: {
-        Toolbar?: boolean;
-        RedoUndo?: boolean;
-        ZoomControl?: boolean;
-        PageControl?: boolean;
-    };
-    language?: Language;
-}
-export declare function Fastboard({ app, ...restProps }: PropsWithChildren<FastboardProps>): JSX.Element;

package/dist/components/PageControl/PageControl.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { CommonProps, GenericIcon } from "../../typings";
-export declare const name = "fastboard-page-control";
-export declare type PageControlProps = CommonProps & GenericIcon<"add" | "prev" | "next">;
-export declare function PageControl({ theme, addIcon, addIconDisable, prevIcon, prevIconDisable, nextIcon, nextIconDisable, }: PageControlProps): JSX.Element;

package/dist/components/PageControl/hooks.d.ts

@@ -1,9 +0,0 @@
-import type { Room } from "white-web-sdk";
-import type { WindowManager } from "@netless/window-manager";
-export declare function usePageControl(room?: Room | null, manager?: WindowManager | null): {
-    pageIndex: number;
-    pageCount: number;
-    prevPage: () => void;
-    nextPage: () => void;
-    addPage: () => Promise<void>;
-};

package/dist/components/PageControl/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./hooks";
-export { PageControl, type PageControlProps } from "./PageControl";

package/dist/components/PlayerControl/PlayerControl.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { Player } from "white-web-sdk";
-import type { CommonProps, GenericIcon } from "../../typings";
-export declare type PlayerControlProps = {
-    autoHide?: boolean;
-    player?: Player;
-} & Omit<CommonProps, "room"> & GenericIcon<"play" | "pause" | "loading">;
-export declare const name = "fastboard-player-control";
-export declare function PlayerControl({ theme, autoHide, player: player_, ...icons }: PlayerControlProps): JSX.Element;

package/dist/components/PlayerControl/hooks.d.ts

@@ -1,11 +0,0 @@
-import type { Player } from "white-web-sdk";
-import { PlayerPhase } from "white-web-sdk";
-export declare function usePlayerControl(player?: Player | null): {
-    phase: PlayerPhase;
-    currentTime: number;
-    totalTime: number;
-    speed: number;
-    setSpeed: (speed: number) => void;
-    togglePlay: () => void;
-    seekToProgressTime: (time: number) => void;
-};

package/dist/components/PlayerControl/icons/Loading.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Loading: (props: IconProps) => JSX.Element;

package/dist/components/PlayerControl/icons/Pause.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Pause: (props: IconProps) => JSX.Element;

package/dist/components/PlayerControl/icons/Play.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Play: (props: IconProps) => JSX.Element;

package/dist/components/PlayerControl/icons/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const Icons: {
-    Play: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Pause: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Loading: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-};

package/dist/components/PlayerControl/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./hooks";
-export { PlayerControl, type PlayerControlProps } from "./PlayerControl";

package/dist/components/RedoUndo/RedoUndo.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { CommonProps, GenericIcon } from "../../typings";
-export declare const name = "fastboard-redo-undo";
-export declare type RedoUndoProps = CommonProps & GenericIcon<"undo" | "redo">;
-export declare function RedoUndo({ theme, undoIcon, undoIconDisable, redoIcon, redoIconDisable }: RedoUndoProps): JSX.Element;

package/dist/components/RedoUndo/hooks.d.ts

@@ -1,6 +0,0 @@
-export declare function useRedoUndo(): {
-    redoSteps: any;
-    undoSteps: any;
-    redo: () => void;
-    undo: () => void;
-};

package/dist/components/RedoUndo/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./hooks";
-export { RedoUndo, type RedoUndoProps } from "./RedoUndo";

package/dist/components/Toolbar/Content.d.ts

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

package/dist/components/Toolbar/Toolbar.d.ts

@@ -1,14 +0,0 @@
-import type { CommonProps, GenericIcon, Theme } from "../../typings";
-import type { ToolbarHook } from "./hooks";
-import React from "react";
-export declare type ToolbarProps = CommonProps & {
-    icons?: GenericIcon<"clicker" | "selector" | "pencil" | "eraser" | "clean" | "expand" | "collapse" | "up" | "down" | "text" | "apps">;
-};
-declare type ToolbarContextType = ToolbarHook & {
-    theme: Theme;
-    icons?: ToolbarProps["icons"];
-};
-export declare const ToolbarContext: React.Context<ToolbarContextType>;
-export declare const name = "fastboard-toolbar";
-export declare const Toolbar: ({ theme, icons }: ToolbarProps) => JSX.Element;
-export {};

package/dist/components/Toolbar/components/ApplianceButtons.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { HotKey } from "white-web-sdk";
-export declare function renderToolTip(text: string | undefined, hotkey?: HotKey): string | JSX.Element | undefined;
-export declare function ClickerButton(): JSX.Element;
-export declare function SelectorButton(): JSX.Element;
-export declare function EraserButton(): JSX.Element;
-export declare function CleanButton(): JSX.Element;

package/dist/components/Toolbar/components/AppsButton.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface AppsButtonProps {
-    content?: React.ReactNode;
-    onClick?: () => void;
-}
-export declare function AppsButton({ content, onClick }: AppsButtonProps): JSX.Element;

package/dist/components/Toolbar/components/ColorBox.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function ColorBox(): JSX.Element;

package/dist/components/Toolbar/components/CutLine.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function CutLine(): JSX.Element;

package/dist/components/Toolbar/components/Mask.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface MaskProps {
-    toolbar: HTMLDivElement | null;
-    children: React.ReactNode;
-}
-export declare const Mask: React.MemoExoticComponent<({ toolbar, children }: MaskProps) => React.ReactPortal | null>;
-export {};

package/dist/components/Toolbar/components/PencilButton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function PencilButton(): JSX.Element;

package/dist/components/Toolbar/components/ShapesButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function ShapesButton(): JSX.Element;
-export declare function ShapesBox(): JSX.Element;

package/dist/components/Toolbar/components/Slider.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function Slider(): JSX.Element;

package/dist/components/Toolbar/components/TextButton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function TextButton(): JSX.Element;

package/dist/components/Toolbar/components/UpDownButtons.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface UpButtonProps {
-    disabled: boolean;
-    scrollTo: (height: number) => void;
-}
-export declare function UpButton({ disabled, scrollTo }: UpButtonProps): JSX.Element;
-export declare function DownButton({ disabled, scrollTo }: UpButtonProps): JSX.Element;

package/dist/components/Toolbar/const.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ApplianceNames, ShapeType } from "white-web-sdk";
-export declare const ShapesMap: {
-    readonly rectangle: import("react").MemoExoticComponent<(props: import("../..").IconProps) => JSX.Element>;
-    readonly ellipse: import("react").MemoExoticComponent<(props: import("../..").IconProps) => JSX.Element>;
-    readonly straight: import("react").MemoExoticComponent<(props: import("../..").IconProps) => JSX.Element>;
-    readonly arrow: import("react").MemoExoticComponent<(props: import("../..").IconProps) => JSX.Element>;
-    readonly pentagram: import("react").MemoExoticComponent<(props: import("../..").IconProps) => JSX.Element>;
-    readonly rhombus: import("react").MemoExoticComponent<(props: import("../..").IconProps) => JSX.Element>;
-    readonly triangle: import("react").MemoExoticComponent<(props: import("../..").IconProps) => JSX.Element>;
-    readonly speechBalloon: import("react").MemoExoticComponent<(props: import("../..").IconProps) => JSX.Element>;
-};
-export declare const ApplianceShapes: readonly [ApplianceNames.rectangle, ApplianceNames.ellipse, ApplianceNames.straight, ApplianceNames.arrow];
-export declare const Shapes: readonly [ShapeType.Pentagram, ShapeType.Rhombus, ShapeType.Triangle, ShapeType.SpeechBalloon];
-export declare const ItemHeight: number;
-export declare const ItemsCount = 8;
-export declare const MaxHeight: number;
-export declare const MinHeight: number;

package/dist/components/Toolbar/hooks.d.ts

@@ -1,12 +0,0 @@
-import type { ApplianceNames, Color, MemberState, ShapeType } from "white-web-sdk";
-export interface ToolbarHook {
-    readonly writable: boolean;
-    readonly memberState: MemberState | undefined;
-    cleanCurrentScene(): void;
-    setAppliance(appliance: ApplianceNames, shape?: ShapeType): void;
-    setStrokeWidth(width: number): void;
-    setStrokeColor(color: Color): void;
-}
-export declare function useRoomState(): any;
-export declare function useToolbar(): ToolbarHook;
-export declare const EmptyToolbarHook: ToolbarHook;

package/dist/components/Toolbar/icons/Apps.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Apps: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Arrow.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Arrow: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Circle.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Circle: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Clean.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Clean: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Clicker.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Clicker: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Collapse.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Collapse: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Diamond.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Diamond: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Down.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Down: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Eraser.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Eraser: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Expand.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Expand: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Line.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Line: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Pencil.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Pencil: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Rectangle.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Rectangle: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Selector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Selector: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/SpeechBalloon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const SpeechBalloon: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Star.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Star: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Text.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Text: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Triangle.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Triangle: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/Up.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../../../typings";
-export declare const Up: (props: IconProps) => JSX.Element;

package/dist/components/Toolbar/icons/index.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-export declare const Icons: {
-    Clicker: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Collapse: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Eraser: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Expand: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Pencil: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Selector: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Rectangle: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Text: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Apps: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Clean: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Circle: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Line: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Arrow: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Star: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Diamond: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    SpeechBalloon: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Triangle: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Up: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-    Down: import("react").MemoExoticComponent<(props: import("../../..").IconProps) => JSX.Element>;
-};

package/dist/components/Toolbar/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./hooks";
-export { Toolbar, type ToolbarProps } from "./Toolbar";

package/dist/components/ZoomControl/ZoomControl.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { CommonProps, GenericIcon } from "../../typings";
-export declare const name = "fastboard-zoom-control";
-export declare type ZoomControlProps = CommonProps & GenericIcon<"reset" | "minus" | "plus">;
-export declare function ZoomControl({ theme, resetIcon, resetIconDisable, minusIcon, minusIconDisable, plusIcon, plusIconDisable, }: ZoomControlProps): JSX.Element;

package/dist/components/ZoomControl/hooks.d.ts

@@ -1,7 +0,0 @@
-export declare const ScalePoints: readonly number[];
-export declare function useZoomControl(): {
-    scale: any;
-    resetCamera: () => void;
-    zoomIn: () => void;
-    zoomOut: () => void;
-};

package/dist/components/ZoomControl/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./hooks";
-export { ZoomControl, type ZoomControlProps } from "./ZoomControl";

package/dist/components/hooks.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { FastboardReadable } from "@netless/fastboard";
-import type { Theme } from "../typings";
-export declare const FastboardAppContext: import("react").Context<any>;
-export declare const ThemeContext: import("react").Context<Theme>;
-export declare function useTheme(userTheme?: Theme | null): Theme;
-export declare function useFastboardApp(): any;
-export declare function useFastboardValue<T>(val: FastboardReadable<T>): any;
-export declare function useWritable(): any;
-export declare function useBoxState(): any;
-export declare function useFocusedApp(): any;
-export declare function useMaximized(): boolean;
-export declare function useHideControls(): boolean | "toolbar-only";

package/dist/i18n/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { i18n } from "i18next";
-import type { Language } from "../typings";
-export interface CreateI18nParams {
-    language?: Language;
-}
-export declare const createI18n: ({ language, }?: CreateI18nParams) => Promise<i18n>;
-export declare const I18nContext: import("react").Context<i18n | null>;
-export declare function useTranslation(): {
-    t: import("i18next").TFunction | ((id: string) => string);
-    i18n: i18n | null;
-};

package/dist/icons/ChevronLeft.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from "../typings";
-export declare function ChevronLeft({ theme, active }: IconProps): JSX.Element;