@pdf-viewer/react 0.4.0-beta.1

package/dist/index-743c36f0.js

@@ -0,0 +1,139 @@
+import * as i from "react";
+import { jsx as C } from "react/jsx-runtime";
+function m(e, n) {
+  const t = i.createContext(n), r = (s) => {
+    const { children: o, ...c } = s, a = i.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ C(t.Provider, { value: a, children: o });
+  };
+  r.displayName = e + "Provider";
+  function u(s) {
+    const o = i.useContext(t);
+    if (o)
+      return o;
+    if (n !== void 0)
+      return n;
+    throw new Error(`\`${s}\` must be used within \`${e}\``);
+  }
+  return [r, u];
+}
+function E(e, n = []) {
+  let t = [];
+  function r(s, o) {
+    const c = i.createContext(o), a = t.length;
+    t = [...t, o];
+    const f = (d) => {
+      var b;
+      const { scope: l, children: S, ...v } = d, h = ((b = l == null ? void 0 : l[e]) == null ? void 0 : b[a]) || c, z = i.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ C(h.Provider, { value: z, children: S });
+    };
+    f.displayName = s + "Provider";
+    function x(d, l) {
+      var h;
+      const S = ((h = l == null ? void 0 : l[e]) == null ? void 0 : h[a]) || c, v = i.useContext(S);
+      if (v)
+        return v;
+      if (o !== void 0)
+        return o;
+      throw new Error(`\`${d}\` must be used within \`${s}\``);
+    }
+    return [f, x];
+  }
+  const u = () => {
+    const s = t.map((o) => i.createContext(o));
+    return function(c) {
+      const a = (c == null ? void 0 : c[e]) || s;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: a } }),
+        [c, a]
+      );
+    };
+  };
+  return u.scopeName = e, [r, P(u, ...n)];
+}
+function P(...e) {
+  const n = e[0];
+  if (e.length === 1)
+    return n;
+  const t = () => {
+    const r = e.map((u) => ({
+      useScope: u(),
+      scopeName: u.scopeName
+    }));
+    return function(s) {
+      const o = r.reduce((c, { useScope: a, scopeName: f }) => {
+        const d = a(s)[`__scope${f}`];
+        return { ...c, ...d };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${n.scopeName}`]: o }), [o]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+function y(e) {
+  const n = i.useRef(e);
+  return i.useEffect(() => {
+    n.current = e;
+  }), i.useMemo(() => (...t) => {
+    var r;
+    return (r = n.current) == null ? void 0 : r.call(n, ...t);
+  }, []);
+}
+function $({
+  prop: e,
+  defaultProp: n,
+  onChange: t = () => {
+  }
+}) {
+  const [r, u] = g({ defaultProp: n, onChange: t }), s = e !== void 0, o = s ? e : r, c = y(t), a = i.useCallback(
+    (f) => {
+      if (s) {
+        const d = typeof f == "function" ? f(e) : f;
+        d !== e && c(d);
+      } else
+        u(f);
+    },
+    [s, e, u, c]
+  );
+  return [o, a];
+}
+function g({
+  defaultProp: e,
+  onChange: n
+}) {
+  const t = i.useState(e), [r] = t, u = i.useRef(r), s = y(n);
+  return i.useEffect(() => {
+    u.current !== r && (s(r), u.current = r);
+  }, [r, u, s]), t;
+}
+var p = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+};
+function _(e) {
+  const [n, t] = i.useState(void 0);
+  return p(() => {
+    if (e) {
+      t({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((u) => {
+        if (!Array.isArray(u) || !u.length)
+          return;
+        const s = u[0];
+        let o, c;
+        if ("borderBoxSize" in s) {
+          const a = s.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
+          o = f.inlineSize, c = f.blockSize;
+        } else
+          o = e.offsetWidth, c = e.offsetHeight;
+        t({ width: o, height: c });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      t(void 0);
+  }, [e]), n;
+}
+export {
+  $ as a,
+  _ as b,
+  E as c,
+  y as d,
+  m as e,
+  p as u
+};

package/dist/main.js

@@ -0,0 +1,37 @@
+import { RPDocument as t } from "./components/RPDocument.js";
+import { R as x, a as m, u as n, b as p, c as s } from "./Thumbnails-06fa1aa5.js";
+import { RPConfig as u } from "./components/RPConfig.js";
+import { RPLayout as C } from "./components/layout/RPLayout.js";
+import { RPTheme as P } from "./components/RPTheme.js";
+import { RPDropFileZone as l } from "./components/RPDropFileZone.js";
+import { useDarkModeContext as d } from "./contexts/DarkModeContext.js";
+import { useDocumentContext as M } from "./contexts/RPDocumentContext.js";
+import { useRotateContext as F } from "./contexts/RotateContext.js";
+import { useDarkModeProps as Z } from "./utils/hooks/useDarkModeProps.js";
+import { useViewModeContext as h } from "./contexts/ViewModeContext.js";
+import { useDropFileZoneContext as S } from "./contexts/DropFileZoneContext.js";
+import { useOpenFileContext as y } from "./contexts/FileInputContext.js";
+import { useZoomContext as O } from "./contexts/ZoomContext.js";
+import { ScrollMode as j, ViewMode as q } from "./utils/types.js";
+export {
+  u as RPConfig,
+  t as RPDocument,
+  l as RPDropFileZone,
+  C as RPLayout,
+  P as RPTheme,
+  x as RPViewer,
+  j as ScrollMode,
+  q as ViewMode,
+  d as useDarkModeContext,
+  Z as useDarkModeProps,
+  M as useDocumentContext,
+  S as useDropFileZoneContext,
+  m as useFileDownload,
+  y as useOpenFileContext,
+  n as usePaginateContext,
+  p as usePrintContext,
+  F as useRotateContext,
+  s as useSearchContext,
+  h as useViewModeContext,
+  O as useZoomContext
+};

package/dist/types/components/RPConfig.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RPConfigProps } from '../utils/types';
+export declare const RPConfig: FC<RPConfigProps>;

package/dist/types/components/RPController.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RPControllerProps } from '../utils/types';
+export declare const RPController: FC<RPControllerProps>;

package/dist/types/components/RPDocument.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RPDocumentProps } from '../utils/types';
+export declare const RPDocument: FC<RPDocumentProps>;

package/dist/types/components/RPDropFileZone.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const RPDropFileZone: FC;

package/dist/types/components/RPTheme.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RPThemeContextType } from '../utils/types';
+export declare const RPTheme: FC<RPThemeContextType>;

package/dist/types/components/RPViewer.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const RPViewer: FC;

package/dist/types/components/icons/CheckIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const CheckIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/ChevronUpIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const ChevronUpIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/ClearIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const ClearIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/ClockwiseIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const ClockwiseIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/CloseIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const CloseIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/DarkPdfIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const DarkPdfIcon: FC<HTMLAttributes<HTMLImageElement>>;

package/dist/types/components/icons/DualPageIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const SinglePageIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/FileDownloadDefaultIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const FileDownloadDefaultIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/FileUploadDefaultIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const FileUploadDefaultIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/FullScreenIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const FullScreenIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/GoToDownIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const GoToDownIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/HandModeDefaultIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const HandModeDefaultIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/HorizontalScrollingIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const HorizontalScrollingIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/InfoIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const InfoIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/LightPdfIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const LightPdfIcon: FC<HTMLAttributes<HTMLImageElement>>;

package/dist/types/components/icons/LoaderIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const LoaderIcon: FC<HTMLAttributes<HTMLImageElement>>;

package/dist/types/components/icons/MoonIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const MoonIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/PageScrollingIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const PageScrollingIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/PrintDefaultIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const PrintDefaultTool: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/SearchIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const SearchIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/SinglePageIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const DualPageIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/SunIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const SunIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/TextSelectionDefaultIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const TextSelectionDefaultIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/ThreeDotIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const ThreeDotIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/Thumbnail.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const ThumbnailIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/VerticalScrollingIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const VerticalScrollingIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/WrappedScrollingIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const WrappedScrollingIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/ZoomInIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const ZoomInIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/icons/ZoomOutIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGAttributes } from 'react';
+export declare const ZoomOutIcon: FC<SVGAttributes<HTMLOrSVGElement>>;

package/dist/types/components/layout/Container.d.ts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren {
+    getContainerRef?: (element: HTMLDivElement) => void;
+    toolbarRef: HTMLDivElement | null;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare const Container: FC<Props>;
+export {};

package/dist/types/components/layout/RPLayout.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RPLayoutProps } from '../../utils/types';
+export declare const RPLayout: FC<RPLayoutProps>;

package/dist/types/components/layout/WrapperLayout.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const WrapperLayout: FC<PropsWithChildren>;

package/dist/types/components/layout/sidebar/RPSidebar.d.ts

@@ -0,0 +1 @@
+export declare const RPSidebar: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/layout/sidebar/RPSplitter.d.ts

@@ -0,0 +1,7 @@
+import { FC, RefObject, Dispatch, SetStateAction } from 'react';
+interface Props {
+    onWidthChange?: Dispatch<SetStateAction<number>>;
+    thumbnailRef: RefObject<HTMLDivElement>;
+}
+export declare const RPSplitter: FC<Props>;
+export {};

package/dist/types/components/layout/sidebar/Thumbnail.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { PageViewport } from 'pdfjs-dist/types/web/interfaces';
+interface Props {
+    thumbnailSrc?: string;
+    pageNumber?: number;
+    loading: boolean;
+    isFocused: boolean;
+    viewport: PageViewport;
+}
+export declare const Thumbnail: FC<Props>;
+export {};

package/dist/types/components/layout/sidebar/Thumbnails.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    show: boolean;
+}
+export declare const Thumbnails: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/layout/toolbar/DarkModeTool.d.ts

@@ -0,0 +1 @@
+export declare const DarkModeTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/DocumentDialog.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DocumentDialog: FC;

package/dist/types/components/layout/toolbar/DocumentProperties.d.ts

@@ -0,0 +1 @@
+export declare const DocumentProperties: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/FileDownloadTool.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const FileDownloadTool: FC;

package/dist/types/components/layout/toolbar/FileUploadTool.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const FileUploadTool: FC;

package/dist/types/components/layout/toolbar/FullScreenTool.d.ts

@@ -0,0 +1 @@
+export declare const FullScreenTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/MenuItem.d.ts

@@ -0,0 +1,6 @@
+import { DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
+import { FC, PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren, DropdownMenuItemProps {
+}
+export declare const MenuItem: FC<Props>;
+export {};

package/dist/types/components/layout/toolbar/MenuSeparator.d.ts

@@ -0,0 +1 @@
+export declare const MenuSeparator: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/layout/toolbar/MostPageTool.d.ts

@@ -0,0 +1 @@
+export declare const MostPageTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/OtherTool.d.ts

@@ -0,0 +1 @@
+export declare const OtherTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/Paginate.d.ts

@@ -0,0 +1 @@
+export declare const Paginate: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/PrintTool.d.ts

@@ -0,0 +1 @@
+export declare const PrintTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/PropertyItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface Props {
+    label?: string;
+    value?: string | number;
+}
+export declare const PropertyItem: FC<Props>;
+export {};

package/dist/types/components/layout/toolbar/RPToolbar.d.ts

@@ -0,0 +1 @@
+export declare const RPToolbar: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/layout/toolbar/RPToolbarEnd.d.ts

@@ -0,0 +1 @@
+export declare const RPToolbarEnd: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/layout/toolbar/RotateTool.d.ts

@@ -0,0 +1 @@
+export declare const RotateTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/ScrollModeTool.d.ts

@@ -0,0 +1 @@
+export declare const ScrollModeTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/SearchTool.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const SearchTool: FC;

package/dist/types/components/layout/toolbar/SelectionModeTool.d.ts

@@ -0,0 +1 @@
+export declare const SelectionModeTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/ViewModeTool.d.ts

@@ -0,0 +1 @@
+export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/layout/toolbar/ZoomTool.d.ts

@@ -0,0 +1 @@
+export declare const ZoomTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/page/AnnotationLayer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    pageNumber: number;
+}
+export declare const AnnotationLayer: FC<Props>;
+export {};

package/dist/types/components/page/CanvasLayer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface Props {
+    pageNumber: number;
+    onLoading?: () => void;
+    onLoaded?: () => void;
+}
+export declare const CanvasLayer: FC<Props>;
+export {};

package/dist/types/components/page/DualPage.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const DualPage: FC<{
+    widths: (idx: number) => number;
+    heights: (idx: number) => number;
+}>;

package/dist/types/components/page/RPPage.d.ts

@@ -0,0 +1,6 @@
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
+    pageNumber: number;
+    onIntersectRatioChange?: (page: number, ratio: number) => void;
+}
+export declare const RPPage: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/page/SinglePage.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const SinglePage: FC<{
+    widths: (idx: number) => number;
+    heights: (idx: number) => number;
+}>;

package/dist/types/components/page/TextLayer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    pageNumber: number;
+}
+export declare const TextLayer: FC<Props>;
+export {};

package/dist/types/components/ui/Button.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren, ButtonHTMLAttributes<{}> {
+    active?: boolean;
+}
+export declare const UIButton: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/ui/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren, FC } from 'react';
+interface UICheckboxProps {
+    value?: boolean;
+    onChange?: (value: boolean) => void;
+    name: string;
+}
+export declare const UICheckbox: FC<PropsWithChildren<UICheckboxProps>>;
+export {};

package/dist/types/components/ui/DropDown.d.ts

@@ -0,0 +1,9 @@
+import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
+import { FC, PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren, DropdownMenuContentProps {
+    triggerComponent: React.ReactElement;
+    container: HTMLDivElement | null;
+    open?: boolean;
+}
+export declare const UIDropDown: FC<Props>;
+export {};

package/dist/types/components/ui/Input.d.ts

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+interface Props extends InputHTMLAttributes<HTMLInputElement>, PropsWithChildren {
+    icon?: ReactNode;
+}
+export declare const UIInput: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
+export {};

package/dist/types/components/ui/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    percentage: number;
+}
+declare const LoadingIndicator: FC<Props>;
+export default LoadingIndicator;

package/dist/types/contexts/ConfigContext.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import { ConfigContextType } from '../utils/types';
+export declare const ConfigContext: import('react').Context<ConfigContextType>;
+export declare const useConfigContext: () => ConfigContextType;
+export declare const ConfigContextProvider: FC<PropsWithChildren & ConfigContextType>;

package/dist/types/contexts/DarkModeContext.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DarkMode, DarkModeProviderProps } from '../utils/types';
+export declare const DarkModeContext: React.Context<DarkMode>;
+export declare const useDarkModeContext: () => DarkMode;
+export declare const DarkModeProvider: FC<DarkModeProviderProps>;

package/dist/types/contexts/DropFileZoneContext.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import { FileDragDropControl } from '../utils/types';
+export declare const DropFileZoneContext: React.Context<FileDragDropControl>;
+export declare const useDropFileZoneContext: () => FileDragDropControl;
+export declare const DropFileZoneProvider: FC<PropsWithChildren>;

package/dist/types/contexts/FileInputContext.d.ts

@@ -0,0 +1,7 @@
+import { default as React, PropsWithChildren } from 'react';
+interface FileInputContextValue {
+    onFileChange: () => void;
+}
+export declare const FileInputProvider: React.FC<PropsWithChildren>;
+export declare const useOpenFileContext: () => FileInputContextValue;
+export {};

package/dist/types/contexts/FullScreenContext.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+import { FullScreenToolProps } from '../utils/types';
+export declare const FullScreenProvider: FC<{
+    elementRef: HTMLElement | null;
+    children: ReactNode;
+}>;
+export declare const useFullScreenContext: () => FullScreenToolProps;

package/dist/types/contexts/IconContext.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { RPIcons } from '../utils/types';
+export declare const IconContext: import('react').Context<RPIcons>;
+export declare const useIconContext: () => RPIcons;
+export declare const IconProvider: FC<PropsWithChildren<{
+    icons?: RPIcons;
+}>>;

package/dist/types/contexts/InitialStateContext.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import { InitialStateContextType } from '../utils/types';
+export declare const InitialStateContext: import('react').Context<InitialStateContextType>;
+export declare const InitialStateProvider: FC<PropsWithChildren<InitialStateContextType>>;
+export declare const useInitialStateContext: () => InitialStateContextType;

package/dist/types/contexts/LayerContext.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { LayerProviderProps } from '../utils/types';
+export declare const LayerContext: import('react').Context<Omit<LayerProviderProps, "children">>;
+export declare const useLayerContext: () => Omit<LayerProviderProps, "children">;
+export declare const LayerProvider: FC<LayerProviderProps>;