@embedpdf/plugin-interaction-manager 1.0.0

package/dist/preact/index.d.ts

@@ -0,0 +1,45 @@
+import { JSX, ComponentChildren } from 'preact';
+import { Position } from '@embedpdf/models';
+import * as _embedpdf_plugin_interaction_manager from '@embedpdf/plugin-interaction-manager';
+import { InteractionManagerPlugin, PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';
+
+/** @jsxImportSource preact */
+
+interface GlobalPointerProviderProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children: ComponentChildren;
+}
+declare const GlobalPointerProvider: ({ children, ...props }: GlobalPointerProviderProps) => JSX.Element;
+
+/** @jsxImportSource preact */
+
+interface PagePointerProviderProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children: ComponentChildren;
+    pageIndex: number;
+    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
+}
+declare const PagePointerProvider: ({ pageIndex, children, convertEventToPoint, ...props }: PagePointerProviderProps) => JSX.Element;
+
+declare const useInteractionManager: () => {
+    plugin: InteractionManagerPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const useInteractionManagerCapability: () => {
+    provides: Readonly<_embedpdf_plugin_interaction_manager.InteractionManagerCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare function useCursor(): {
+    setCursor: (token: string, cursor: string, prio?: number) => void;
+    removeCursor: (token: string) => void;
+};
+interface UsePointerHandlersOptions {
+    modeId?: string;
+    pageIndex?: number;
+}
+declare function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions): {
+    register: (handlers: PointerEventHandlers) => (() => void) | undefined;
+};
+declare function useIsPageExclusive(): boolean;
+
+export { GlobalPointerProvider, PagePointerProvider, useCursor, useInteractionManager, useInteractionManagerCapability, useIsPageExclusive, usePointerHandlers };

package/dist/preact/index.js

@@ -0,0 +1,100 @@
+import {
+  createPointerProvider
+} from "../chunk-EJ7FVBFM.js";
+
+// src/preact/components/global-pointer-provider.tsx
+import { useEffect as useEffect2, useRef } from "preact/hooks";
+
+// src/preact/hooks/use-interaction-manager.ts
+import { useCapability, usePlugin } from "@embedpdf/core/preact";
+import {
+  InteractionManagerPlugin
+} from "@embedpdf/plugin-interaction-manager";
+import { useState } from "preact/hooks";
+import { useEffect } from "preact/hooks";
+var useInteractionManager = () => usePlugin(InteractionManagerPlugin.id);
+var useInteractionManagerCapability = () => useCapability(InteractionManagerPlugin.id);
+function useCursor() {
+  const { provides } = useInteractionManagerCapability();
+  return {
+    setCursor: (token, cursor, prio = 0) => {
+      provides?.setCursor(token, cursor, prio);
+    },
+    removeCursor: (token) => {
+      provides?.removeCursor(token);
+    }
+  };
+}
+function usePointerHandlers({ modeId, pageIndex }) {
+  const { provides } = useInteractionManagerCapability();
+  return {
+    register: modeId ? (handlers) => provides?.registerHandlers({ modeId, handlers, pageIndex }) : (handlers) => provides?.registerAlways({
+      scope: pageIndex !== void 0 ? { type: "page", pageIndex } : { type: "global" },
+      handlers
+    })
+  };
+}
+function useIsPageExclusive() {
+  const { provides: cap } = useInteractionManagerCapability();
+  const [isPageExclusive, setIsPageExclusive] = useState(() => {
+    const m = cap?.getActiveInteractionMode();
+    return m?.scope === "page" && !!m.exclusive;
+  });
+  useEffect(() => {
+    if (!cap) return;
+    return cap.onModeChange(() => {
+      const mode = cap.getActiveInteractionMode();
+      setIsPageExclusive(mode?.scope === "page" && !!mode?.exclusive);
+    });
+  }, [cap]);
+  return isPageExclusive;
+}
+
+// src/preact/components/global-pointer-provider.tsx
+import { jsx } from "preact/jsx-runtime";
+var GlobalPointerProvider = ({ children, ...props }) => {
+  const ref = useRef(null);
+  const { provides: cap } = useInteractionManagerCapability();
+  useEffect2(() => {
+    if (!cap || !ref.current) return;
+    return createPointerProvider(cap, { type: "global" }, ref.current);
+  }, [cap]);
+  return /* @__PURE__ */ jsx("div", { ref, ...props, children });
+};
+
+// src/preact/components/page-pointer-provider.tsx
+import { useEffect as useEffect3, useRef as useRef2 } from "preact/hooks";
+import { jsx as jsx2, jsxs } from "preact/jsx-runtime";
+var PagePointerProvider = ({
+  pageIndex,
+  children,
+  convertEventToPoint,
+  ...props
+}) => {
+  const ref = useRef2(null);
+  const { provides: cap } = useInteractionManagerCapability();
+  const isPageExclusive = useIsPageExclusive();
+  useEffect3(() => {
+    if (!cap || !ref.current) return;
+    return createPointerProvider(
+      cap,
+      { type: "page", pageIndex },
+      ref.current,
+      convertEventToPoint
+    );
+  }, [cap, pageIndex, convertEventToPoint]);
+  return /* @__PURE__ */ jsxs("div", { ref, ...props, children: [
+    children,
+    isPageExclusive && /* @__PURE__ */ jsx2("div", { style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 } })
+  ] });
+};
+export {
+  GlobalPointerProvider,
+  PagePointerProvider,
+  useCursor,
+  useInteractionManager,
+  useInteractionManagerCapability,
+  useIsPageExclusive,
+  usePointerHandlers
+};
+//# sourceMappingURL=index.js.map

package/dist/preact/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/preact/components/global-pointer-provider.tsx","../../src/preact/hooks/use-interaction-manager.ts","../../src/preact/components/page-pointer-provider.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { ComponentChildren, JSX } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { createPointerProvider } from '../../shared/utils';\n\nimport { useInteractionManagerCapability } from '../hooks';\n\ninterface GlobalPointerProviderProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  children: ComponentChildren;\n}\n\nexport const GlobalPointerProvider = ({ children, ...props }: GlobalPointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(cap, { type: 'global' }, ref.current);\n  }, [cap]);\n\n  return (\n    <div ref={ref} {...props}>\n      {children}\n    </div>\n  );\n};\n","import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport {\n  InteractionManagerPlugin,\n  PointerEventHandlers,\n} from '@embedpdf/plugin-interaction-manager';\nimport { useState } from 'preact/hooks';\nimport { useEffect } from 'preact/hooks';\n\nexport const useInteractionManager = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useCursor() {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    setCursor: (token: string, cursor: string, prio = 0) => {\n      provides?.setCursor(token, cursor, prio);\n    },\n    removeCursor: (token: string) => {\n      provides?.removeCursor(token);\n    },\n  };\n}\n\ninterface UsePointerHandlersOptions {\n  modeId?: string;\n  pageIndex?: number;\n}\n\nexport function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions) {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    register: modeId\n      ? (handlers: PointerEventHandlers) =>\n          provides?.registerHandlers({ modeId, handlers, pageIndex })\n      : (handlers: PointerEventHandlers) =>\n          provides?.registerAlways({\n            scope: pageIndex !== undefined ? { type: 'page', pageIndex } : { type: 'global' },\n            handlers,\n          }),\n  };\n}\n\nexport function useIsPageExclusive() {\n  const { provides: cap } = useInteractionManagerCapability();\n\n  const [isPageExclusive, setIsPageExclusive] = useState<boolean>(() => {\n    const m = cap?.getActiveInteractionMode();\n    return m?.scope === 'page' && !!m.exclusive;\n  });\n\n  useEffect(() => {\n    if (!cap) return;\n\n    return cap.onModeChange(() => {\n      const mode = cap.getActiveInteractionMode();\n      setIsPageExclusive(mode?.scope === 'page' && !!mode?.exclusive);\n    });\n  }, [cap]);\n\n  return isPageExclusive;\n}\n","/** @jsxImportSource preact */\nimport { ComponentChildren, JSX } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { Position } from '@embedpdf/models';\nimport { createPointerProvider } from '../../shared/utils';\n\nimport { useInteractionManagerCapability, useIsPageExclusive } from '../hooks';\n\ninterface PagePointerProviderProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  children: ComponentChildren;\n  pageIndex: number;\n  convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n}\n\nexport const PagePointerProvider = ({\n  pageIndex,\n  children,\n  convertEventToPoint,\n  ...props\n}: PagePointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n  const isPageExclusive = useIsPageExclusive();\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(\n      cap,\n      { type: 'page', pageIndex },\n      ref.current,\n      convertEventToPoint,\n    );\n  }, [cap, pageIndex, convertEventToPoint]);\n\n  return (\n    <div ref={ref} {...props}>\n      {children}\n      {isPageExclusive && (\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }} />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAEA,SAAS,aAAAA,YAAW,cAAc;;;ACFlC,SAAS,eAAe,iBAAiB;AACzC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAEnB,IAAM,wBAAwB,MACnC,UAAoC,yBAAyB,EAAE;AAC1D,IAAM,kCAAkC,MAC7C,cAAwC,yBAAyB,EAAE;AAE9D,SAAS,YAAY;AAC1B,QAAM,EAAE,SAAS,IAAI,gCAAgC;AACrD,SAAO;AAAA,IACL,WAAW,CAAC,OAAe,QAAgB,OAAO,MAAM;AACtD,gBAAU,UAAU,OAAO,QAAQ,IAAI;AAAA,IACzC;AAAA,IACA,cAAc,CAAC,UAAkB;AAC/B,gBAAU,aAAa,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;AAOO,SAAS,mBAAmB,EAAE,QAAQ,UAAU,GAA8B;AACnF,QAAM,EAAE,SAAS,IAAI,gCAAgC;AACrD,SAAO;AAAA,IACL,UAAU,SACN,CAAC,aACC,UAAU,iBAAiB,EAAE,QAAQ,UAAU,UAAU,CAAC,IAC5D,CAAC,aACC,UAAU,eAAe;AAAA,MACvB,OAAO,cAAc,SAAY,EAAE,MAAM,QAAQ,UAAU,IAAI,EAAE,MAAM,SAAS;AAAA,MAChF;AAAA,IACF,CAAC;AAAA,EACT;AACF;AAEO,SAAS,qBAAqB;AACnC,QAAM,EAAE,UAAU,IAAI,IAAI,gCAAgC;AAE1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAkB,MAAM;AACpE,UAAM,IAAI,KAAK,yBAAyB;AACxC,WAAO,GAAG,UAAU,UAAU,CAAC,CAAC,EAAE;AAAA,EACpC,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC,IAAK;AAEV,WAAO,IAAI,aAAa,MAAM;AAC5B,YAAM,OAAO,IAAI,yBAAyB;AAC1C,yBAAmB,MAAM,UAAU,UAAU,CAAC,CAAC,MAAM,SAAS;AAAA,IAChE,CAAC;AAAA,EACH,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;;;ADxCI;AAXG,IAAM,wBAAwB,CAAC,EAAE,UAAU,GAAG,MAAM,MAAkC;AAC3F,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,EAAE,UAAU,IAAI,IAAI,gCAAgC;AAE1D,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,OAAO,CAAC,IAAI,QAAS;AAE1B,WAAO,sBAAsB,KAAK,EAAE,MAAM,SAAS,GAAG,IAAI,OAAO;AAAA,EACnE,GAAG,CAAC,GAAG,CAAC;AAER,SACE,oBAAC,SAAI,KAAW,GAAG,OAChB,UACH;AAEJ;;;AExBA,SAAS,aAAAC,YAAW,UAAAC,eAAc;AAkC9B,SAGI,OAAAC,MAHJ;AAtBG,IAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AAC9B,QAAM,MAAMC,QAAuB,IAAI;AACvC,QAAM,EAAE,UAAU,IAAI,IAAI,gCAAgC;AAC1D,QAAM,kBAAkB,mBAAmB;AAE3C,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,OAAO,CAAC,IAAI,QAAS;AAE1B,WAAO;AAAA,MACL;AAAA,MACA,EAAE,MAAM,QAAQ,UAAU;AAAA,MAC1B,IAAI;AAAA,MACJ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,WAAW,mBAAmB,CAAC;AAExC,SACE,qBAAC,SAAI,KAAW,GAAG,OAChB;AAAA;AAAA,IACA,mBACC,gBAAAF,KAAC,SAAI,OAAO,EAAE,UAAU,YAAY,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,EAAE,GAAG;AAAA,KAEhF;AAEJ;","names":["useEffect","useEffect","useEffect","useRef","jsx","useRef","useEffect"]}

package/dist/react/index.cjs

@@ -0,0 +1,184 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  GlobalPointerProvider: () => GlobalPointerProvider,
+  PagePointerProvider: () => PagePointerProvider,
+  useCursor: () => useCursor,
+  useInteractionManager: () => useInteractionManager,
+  useInteractionManagerCapability: () => useInteractionManagerCapability,
+  useIsPageExclusive: () => useIsPageExclusive,
+  usePointerHandlers: () => usePointerHandlers
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/react/hooks/use-interaction-manager.ts
+var import_react = require("@embedpdf/core/react");
+var import_plugin_interaction_manager = require("@embedpdf/plugin-interaction-manager");
+var import_react2 = require("react");
+var useInteractionManager = () => (0, import_react.usePlugin)(import_plugin_interaction_manager.InteractionManagerPlugin.id);
+var useInteractionManagerCapability = () => (0, import_react.useCapability)(import_plugin_interaction_manager.InteractionManagerPlugin.id);
+function useCursor() {
+  const { provides } = useInteractionManagerCapability();
+  return {
+    setCursor: (token, cursor, prio = 0) => {
+      provides?.setCursor(token, cursor, prio);
+    },
+    removeCursor: (token) => {
+      provides?.removeCursor(token);
+    }
+  };
+}
+function usePointerHandlers({ modeId, pageIndex }) {
+  const { provides } = useInteractionManagerCapability();
+  return {
+    register: modeId ? (handlers) => provides?.registerHandlers({ modeId, handlers, pageIndex }) : (handlers) => provides?.registerAlways({
+      scope: pageIndex !== void 0 ? { type: "page", pageIndex } : { type: "global" },
+      handlers
+    })
+  };
+}
+function useIsPageExclusive() {
+  const { provides: cap } = useInteractionManagerCapability();
+  const [isPageExclusive, setIsPageExclusive] = (0, import_react2.useState)(() => {
+    const m = cap?.getActiveInteractionMode();
+    return m?.scope === "page" && !!m.exclusive;
+  });
+  (0, import_react2.useEffect)(() => {
+    if (!cap) return;
+    return cap.onModeChange(() => {
+      const mode = cap.getActiveInteractionMode();
+      setIsPageExclusive(mode?.scope === "page" && !!mode?.exclusive);
+    });
+  }, [cap]);
+  return isPageExclusive;
+}
+
+// src/react/components/global-pointer-provider.tsx
+var import_react3 = require("react");
+
+// src/shared/utils.ts
+function createPointerProvider(cap, scope, element, convertEventToPoint) {
+  let active = cap.getHandlersForScope(scope);
+  const stopMode = cap.onModeChange(() => {
+    if (scope.type === "global") {
+      const mode = cap.getActiveInteractionMode();
+      element.style.cursor = mode?.scope === "global" ? mode.cursor ?? "auto" : "auto";
+    }
+    active = cap.getHandlersForScope(scope);
+  });
+  const stopHandler = cap.onHandlerChange(() => {
+    active = cap.getHandlersForScope(scope);
+  });
+  const modeNow = cap.getActiveInteractionMode();
+  const cursorNow = cap.getCurrentCursor();
+  if (scope.type === "global") {
+    element.style.cursor = modeNow?.scope === "global" ? cursorNow : "auto";
+  } else {
+    element.style.cursor = cursorNow;
+  }
+  const stopCursor = cap.onCursorChange((c) => {
+    if (scope.type === "global") {
+      const isGlobalMode = cap.getActiveInteractionMode()?.scope === "global";
+      if (!isGlobalMode) return;
+    }
+    element.style.cursor = c;
+  });
+  const domEvent = {
+    onPointerDown: "pointerdown",
+    onPointerUp: "pointerup",
+    onPointerMove: "pointermove",
+    onPointerEnter: "pointerenter",
+    onPointerLeave: "pointerleave",
+    onPointerCancel: "pointercancel"
+  };
+  const listeners = {};
+  const toPos = (e, host) => {
+    if (convertEventToPoint) return convertEventToPoint(e, host);
+    const r = host.getBoundingClientRect();
+    return { x: e.clientX - r.left, y: e.clientY - r.top };
+  };
+  Object.keys(domEvent).forEach((k) => {
+    listeners[k] = (evt) => {
+      const pe = evt;
+      active?.[k]?.(toPos(pe, element), pe);
+    };
+    element.addEventListener(domEvent[k], listeners[k]);
+  });
+  return () => {
+    Object.keys(domEvent).forEach(
+      (k) => element.removeEventListener(domEvent[k], listeners[k])
+    );
+    stopMode();
+    stopCursor();
+    stopHandler();
+  };
+}
+
+// src/react/components/global-pointer-provider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var GlobalPointerProvider = ({ children, ...props }) => {
+  const ref = (0, import_react3.useRef)(null);
+  const { provides: cap } = useInteractionManagerCapability();
+  (0, import_react3.useEffect)(() => {
+    if (!cap || !ref.current) return;
+    return createPointerProvider(cap, { type: "global" }, ref.current);
+  }, [cap]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, ...props, children });
+};
+
+// src/react/components/page-pointer-provider.tsx
+var import_react4 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PagePointerProvider = ({
+  pageIndex,
+  children,
+  convertEventToPoint,
+  ...props
+}) => {
+  const ref = (0, import_react4.useRef)(null);
+  const { provides: cap } = useInteractionManagerCapability();
+  const isPageExclusive = useIsPageExclusive();
+  (0, import_react4.useEffect)(() => {
+    if (!cap || !ref.current) return;
+    return createPointerProvider(
+      cap,
+      { type: "page", pageIndex },
+      ref.current,
+      convertEventToPoint
+    );
+  }, [cap, pageIndex, convertEventToPoint]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, ...props, children: [
+    children,
+    isPageExclusive && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 } })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlobalPointerProvider,
+  PagePointerProvider,
+  useCursor,
+  useInteractionManager,
+  useInteractionManagerCapability,
+  useIsPageExclusive,
+  usePointerHandlers
+});
+//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/index.ts","../../src/react/hooks/use-interaction-manager.ts","../../src/react/components/global-pointer-provider.tsx","../../src/shared/utils.ts","../../src/react/components/page-pointer-provider.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport {\n  InteractionManagerPlugin,\n  PointerEventHandlers,\n} from '@embedpdf/plugin-interaction-manager';\nimport { useState, useEffect } from 'react';\n\nexport const useInteractionManager = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useCursor() {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    setCursor: (token: string, cursor: string, prio = 0) => {\n      provides?.setCursor(token, cursor, prio);\n    },\n    removeCursor: (token: string) => {\n      provides?.removeCursor(token);\n    },\n  };\n}\n\ninterface UsePointerHandlersOptions {\n  modeId?: string;\n  pageIndex?: number;\n}\n\nexport function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions) {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    register: modeId\n      ? (handlers: PointerEventHandlers) =>\n          provides?.registerHandlers({ modeId, handlers, pageIndex })\n      : (handlers: PointerEventHandlers) =>\n          provides?.registerAlways({\n            scope: pageIndex !== undefined ? { type: 'page', pageIndex } : { type: 'global' },\n            handlers,\n          }),\n  };\n}\n\nexport function useIsPageExclusive() {\n  const { provides: cap } = useInteractionManagerCapability();\n\n  const [isPageExclusive, setIsPageExclusive] = useState<boolean>(() => {\n    const m = cap?.getActiveInteractionMode();\n    return m?.scope === 'page' && !!m.exclusive;\n  });\n\n  useEffect(() => {\n    if (!cap) return;\n\n    return cap.onModeChange(() => {\n      const mode = cap.getActiveInteractionMode();\n      setIsPageExclusive(mode?.scope === 'page' && !!mode?.exclusive);\n    });\n  }, [cap]);\n\n  return isPageExclusive;\n}\n","import { ReactNode, useEffect, useRef } from 'react';\nimport { createPointerProvider } from '../../shared/utils';\n\nimport { useInteractionManagerCapability } from '../hooks';\n\ninterface GlobalPointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const GlobalPointerProvider = ({ children, ...props }: GlobalPointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(cap, { type: 'global' }, ref.current);\n  }, [cap]);\n\n  return (\n    <div ref={ref} {...props}>\n      {children}\n    </div>\n  );\n};\n","import { Position } from '@embedpdf/models';\nimport type {\n  InteractionManagerCapability,\n  InteractionScope,\n  PointerEventHandlers,\n} from '@embedpdf/plugin-interaction-manager';\n\n/**\n * Hook one DOM element into the interaction-manager.\n *  – keeps handlers & cursor in-sync with the current mode\n *  – returns a teardown fn for React/Preact effects\n */\nexport function createPointerProvider(\n  cap: InteractionManagerCapability,\n  scope: InteractionScope,\n  element: HTMLElement,\n  convertEventToPoint?: (evt: PointerEvent, host: HTMLElement) => Position,\n) {\n  /* ------------------------------------------------------------------ */\n  /* active handler set – hot-swapped on every mode change              */\n  /* ------------------------------------------------------------------ */\n  let active: PointerEventHandlers | null = cap.getHandlersForScope(scope);\n\n  const stopMode = cap.onModeChange(() => {\n    if (scope.type === 'global') {\n      const mode = cap.getActiveInteractionMode();\n      element.style.cursor = mode?.scope === 'global' ? (mode.cursor ?? 'auto') : 'auto';\n    }\n    active = cap.getHandlersForScope(scope);\n  });\n\n  const stopHandler = cap.onHandlerChange(() => {\n    active = cap.getHandlersForScope(scope);\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* cursor                                                             */\n  /* ------------------------------------------------------------------ */\n  const modeNow = cap.getActiveInteractionMode();\n  const cursorNow = cap.getCurrentCursor();\n\n  /** initial cursor -------------------------------------------------- */\n  if (scope.type === 'global') {\n    // global wrapper only shows the cursor while a *global* mode is active\n    element.style.cursor = modeNow?.scope === 'global' ? cursorNow : 'auto';\n  } else {\n    // page wrappers always mirror the latest cursor\n    element.style.cursor = cursorNow;\n  }\n\n  const stopCursor = cap.onCursorChange((c) => {\n    /**  ❖  Propagation rule\n     *      ─────────────────\n     *   • global provider updates its cursor *only* while the active\n     *     mode itself is ‘global’.\n     *   • page providers always sync (so they show the cursor during\n     *     a global mode as well). */\n    if (scope.type === 'global') {\n      const isGlobalMode = cap.getActiveInteractionMode()?.scope === 'global';\n      if (!isGlobalMode) return; // active mode is page-scoped → ignore\n    }\n    element.style.cursor = c;\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* event wiring                                                       */\n  /* ------------------------------------------------------------------ */\n  type K = keyof PointerEventHandlers;\n  const domEvent: Record<K, keyof HTMLElementEventMap> = {\n    onPointerDown: 'pointerdown',\n    onPointerUp: 'pointerup',\n    onPointerMove: 'pointermove',\n    onPointerEnter: 'pointerenter',\n    onPointerLeave: 'pointerleave',\n    onPointerCancel: 'pointercancel',\n  };\n\n  /* one stable EventListener per key -> needed for removeEventListener */\n  const listeners: Partial<Record<K, EventListener>> = {};\n\n  const toPos = (e: PointerEvent, host: HTMLElement): Position => {\n    if (convertEventToPoint) return convertEventToPoint(e, host);\n    const r = host.getBoundingClientRect();\n    return { x: e.clientX - r.left, y: e.clientY - r.top };\n  };\n\n  (Object.keys(domEvent) as K[]).forEach((k) => {\n    listeners[k] = (evt: Event) => {\n      const pe = evt as PointerEvent; // safe – we only attach to pointer*\n      active?.[k]?.(toPos(pe, element), pe);\n      /* if you need to stop default behaviour when no handler is active:\n       * if (!active?.[k]) pe.preventDefault(); */\n    };\n    element.addEventListener(domEvent[k], listeners[k]!);\n  });\n\n  /* ------------------------------------------------------------------ */\n  /* teardown                                                           */\n  /* ------------------------------------------------------------------ */\n  return () => {\n    (Object.keys(domEvent) as K[]).forEach((k) =>\n      element.removeEventListener(domEvent[k], listeners[k]!),\n    );\n    stopMode();\n    stopCursor();\n    stopHandler();\n  };\n}\n","import { ReactNode, useEffect, useRef } from 'react';\nimport { Position } from '@embedpdf/models';\nimport { createPointerProvider } from '../../shared/utils';\n\nimport { useInteractionManagerCapability, useIsPageExclusive } from '../hooks';\n\ninterface PagePointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  pageIndex: number;\n  convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n}\n\nexport const PagePointerProvider = ({\n  pageIndex,\n  children,\n  convertEventToPoint,\n  ...props\n}: PagePointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n  const isPageExclusive = useIsPageExclusive();\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(\n      cap,\n      { type: 'page', pageIndex },\n      ref.current,\n      convertEventToPoint,\n    );\n  }, [cap, pageIndex, convertEventToPoint]);\n\n  return (\n    <div ref={ref} {...props}>\n      {children}\n      {isPageExclusive && (\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":["import_react","import_react","import_react","import_jsx_runtime"]}

package/dist/react/index.d.cts

@@ -0,0 +1,42 @@
+import * as _embedpdf_plugin_interaction_manager from '@embedpdf/plugin-interaction-manager';
+import { InteractionManagerPlugin, PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Position } from '@embedpdf/models';
+
+declare const useInteractionManager: () => {
+    plugin: InteractionManagerPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const useInteractionManagerCapability: () => {
+    provides: Readonly<_embedpdf_plugin_interaction_manager.InteractionManagerCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare function useCursor(): {
+    setCursor: (token: string, cursor: string, prio?: number) => void;
+    removeCursor: (token: string) => void;
+};
+interface UsePointerHandlersOptions {
+    modeId?: string;
+    pageIndex?: number;
+}
+declare function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions): {
+    register: (handlers: PointerEventHandlers) => (() => void) | undefined;
+};
+declare function useIsPageExclusive(): boolean;
+
+interface GlobalPointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+declare const GlobalPointerProvider: ({ children, ...props }: GlobalPointerProviderProps) => react_jsx_runtime.JSX.Element;
+
+interface PagePointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    pageIndex: number;
+    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
+}
+declare const PagePointerProvider: ({ pageIndex, children, convertEventToPoint, ...props }: PagePointerProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { GlobalPointerProvider, PagePointerProvider, useCursor, useInteractionManager, useInteractionManagerCapability, useIsPageExclusive, usePointerHandlers };

package/dist/react/index.d.ts

@@ -0,0 +1,42 @@
+import * as _embedpdf_plugin_interaction_manager from '@embedpdf/plugin-interaction-manager';
+import { InteractionManagerPlugin, PointerEventHandlers } from '@embedpdf/plugin-interaction-manager';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Position } from '@embedpdf/models';
+
+declare const useInteractionManager: () => {
+    plugin: InteractionManagerPlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare const useInteractionManagerCapability: () => {
+    provides: Readonly<_embedpdf_plugin_interaction_manager.InteractionManagerCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+declare function useCursor(): {
+    setCursor: (token: string, cursor: string, prio?: number) => void;
+    removeCursor: (token: string) => void;
+};
+interface UsePointerHandlersOptions {
+    modeId?: string;
+    pageIndex?: number;
+}
+declare function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions): {
+    register: (handlers: PointerEventHandlers) => (() => void) | undefined;
+};
+declare function useIsPageExclusive(): boolean;
+
+interface GlobalPointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+declare const GlobalPointerProvider: ({ children, ...props }: GlobalPointerProviderProps) => react_jsx_runtime.JSX.Element;
+
+interface PagePointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    pageIndex: number;
+    convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;
+}
+declare const PagePointerProvider: ({ pageIndex, children, convertEventToPoint, ...props }: PagePointerProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { GlobalPointerProvider, PagePointerProvider, useCursor, useInteractionManager, useInteractionManagerCapability, useIsPageExclusive, usePointerHandlers };

package/dist/react/index.js

@@ -0,0 +1,97 @@
+import {
+  createPointerProvider
+} from "../chunk-EJ7FVBFM.js";
+
+// src/react/hooks/use-interaction-manager.ts
+import { useCapability, usePlugin } from "@embedpdf/core/react";
+import {
+  InteractionManagerPlugin
+} from "@embedpdf/plugin-interaction-manager";
+import { useState, useEffect } from "react";
+var useInteractionManager = () => usePlugin(InteractionManagerPlugin.id);
+var useInteractionManagerCapability = () => useCapability(InteractionManagerPlugin.id);
+function useCursor() {
+  const { provides } = useInteractionManagerCapability();
+  return {
+    setCursor: (token, cursor, prio = 0) => {
+      provides?.setCursor(token, cursor, prio);
+    },
+    removeCursor: (token) => {
+      provides?.removeCursor(token);
+    }
+  };
+}
+function usePointerHandlers({ modeId, pageIndex }) {
+  const { provides } = useInteractionManagerCapability();
+  return {
+    register: modeId ? (handlers) => provides?.registerHandlers({ modeId, handlers, pageIndex }) : (handlers) => provides?.registerAlways({
+      scope: pageIndex !== void 0 ? { type: "page", pageIndex } : { type: "global" },
+      handlers
+    })
+  };
+}
+function useIsPageExclusive() {
+  const { provides: cap } = useInteractionManagerCapability();
+  const [isPageExclusive, setIsPageExclusive] = useState(() => {
+    const m = cap?.getActiveInteractionMode();
+    return m?.scope === "page" && !!m.exclusive;
+  });
+  useEffect(() => {
+    if (!cap) return;
+    return cap.onModeChange(() => {
+      const mode = cap.getActiveInteractionMode();
+      setIsPageExclusive(mode?.scope === "page" && !!mode?.exclusive);
+    });
+  }, [cap]);
+  return isPageExclusive;
+}
+
+// src/react/components/global-pointer-provider.tsx
+import { useEffect as useEffect2, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var GlobalPointerProvider = ({ children, ...props }) => {
+  const ref = useRef(null);
+  const { provides: cap } = useInteractionManagerCapability();
+  useEffect2(() => {
+    if (!cap || !ref.current) return;
+    return createPointerProvider(cap, { type: "global" }, ref.current);
+  }, [cap]);
+  return /* @__PURE__ */ jsx("div", { ref, ...props, children });
+};
+
+// src/react/components/page-pointer-provider.tsx
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PagePointerProvider = ({
+  pageIndex,
+  children,
+  convertEventToPoint,
+  ...props
+}) => {
+  const ref = useRef2(null);
+  const { provides: cap } = useInteractionManagerCapability();
+  const isPageExclusive = useIsPageExclusive();
+  useEffect3(() => {
+    if (!cap || !ref.current) return;
+    return createPointerProvider(
+      cap,
+      { type: "page", pageIndex },
+      ref.current,
+      convertEventToPoint
+    );
+  }, [cap, pageIndex, convertEventToPoint]);
+  return /* @__PURE__ */ jsxs("div", { ref, ...props, children: [
+    children,
+    isPageExclusive && /* @__PURE__ */ jsx2("div", { style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 } })
+  ] });
+};
+export {
+  GlobalPointerProvider,
+  PagePointerProvider,
+  useCursor,
+  useInteractionManager,
+  useInteractionManagerCapability,
+  useIsPageExclusive,
+  usePointerHandlers
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/hooks/use-interaction-manager.ts","../../src/react/components/global-pointer-provider.tsx","../../src/react/components/page-pointer-provider.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport {\n  InteractionManagerPlugin,\n  PointerEventHandlers,\n} from '@embedpdf/plugin-interaction-manager';\nimport { useState, useEffect } from 'react';\n\nexport const useInteractionManager = () =>\n  usePlugin<InteractionManagerPlugin>(InteractionManagerPlugin.id);\nexport const useInteractionManagerCapability = () =>\n  useCapability<InteractionManagerPlugin>(InteractionManagerPlugin.id);\n\nexport function useCursor() {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    setCursor: (token: string, cursor: string, prio = 0) => {\n      provides?.setCursor(token, cursor, prio);\n    },\n    removeCursor: (token: string) => {\n      provides?.removeCursor(token);\n    },\n  };\n}\n\ninterface UsePointerHandlersOptions {\n  modeId?: string;\n  pageIndex?: number;\n}\n\nexport function usePointerHandlers({ modeId, pageIndex }: UsePointerHandlersOptions) {\n  const { provides } = useInteractionManagerCapability();\n  return {\n    register: modeId\n      ? (handlers: PointerEventHandlers) =>\n          provides?.registerHandlers({ modeId, handlers, pageIndex })\n      : (handlers: PointerEventHandlers) =>\n          provides?.registerAlways({\n            scope: pageIndex !== undefined ? { type: 'page', pageIndex } : { type: 'global' },\n            handlers,\n          }),\n  };\n}\n\nexport function useIsPageExclusive() {\n  const { provides: cap } = useInteractionManagerCapability();\n\n  const [isPageExclusive, setIsPageExclusive] = useState<boolean>(() => {\n    const m = cap?.getActiveInteractionMode();\n    return m?.scope === 'page' && !!m.exclusive;\n  });\n\n  useEffect(() => {\n    if (!cap) return;\n\n    return cap.onModeChange(() => {\n      const mode = cap.getActiveInteractionMode();\n      setIsPageExclusive(mode?.scope === 'page' && !!mode?.exclusive);\n    });\n  }, [cap]);\n\n  return isPageExclusive;\n}\n","import { ReactNode, useEffect, useRef } from 'react';\nimport { createPointerProvider } from '../../shared/utils';\n\nimport { useInteractionManagerCapability } from '../hooks';\n\ninterface GlobalPointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const GlobalPointerProvider = ({ children, ...props }: GlobalPointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(cap, { type: 'global' }, ref.current);\n  }, [cap]);\n\n  return (\n    <div ref={ref} {...props}>\n      {children}\n    </div>\n  );\n};\n","import { ReactNode, useEffect, useRef } from 'react';\nimport { Position } from '@embedpdf/models';\nimport { createPointerProvider } from '../../shared/utils';\n\nimport { useInteractionManagerCapability, useIsPageExclusive } from '../hooks';\n\ninterface PagePointerProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  pageIndex: number;\n  convertEventToPoint?: (event: PointerEvent, element: HTMLElement) => Position;\n}\n\nexport const PagePointerProvider = ({\n  pageIndex,\n  children,\n  convertEventToPoint,\n  ...props\n}: PagePointerProviderProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { provides: cap } = useInteractionManagerCapability();\n  const isPageExclusive = useIsPageExclusive();\n\n  useEffect(() => {\n    if (!cap || !ref.current) return;\n\n    return createPointerProvider(\n      cap,\n      { type: 'page', pageIndex },\n      ref.current,\n      convertEventToPoint,\n    );\n  }, [cap, pageIndex, convertEventToPoint]);\n\n  return (\n    <div ref={ref} {...props}>\n      {children}\n      {isPageExclusive && (\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }} />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,UAAU,iBAAiB;AAE7B,IAAM,wBAAwB,MACnC,UAAoC,yBAAyB,EAAE;AAC1D,IAAM,kCAAkC,MAC7C,cAAwC,yBAAyB,EAAE;AAE9D,SAAS,YAAY;AAC1B,QAAM,EAAE,SAAS,IAAI,gCAAgC;AACrD,SAAO;AAAA,IACL,WAAW,CAAC,OAAe,QAAgB,OAAO,MAAM;AACtD,gBAAU,UAAU,OAAO,QAAQ,IAAI;AAAA,IACzC;AAAA,IACA,cAAc,CAAC,UAAkB;AAC/B,gBAAU,aAAa,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;AAOO,SAAS,mBAAmB,EAAE,QAAQ,UAAU,GAA8B;AACnF,QAAM,EAAE,SAAS,IAAI,gCAAgC;AACrD,SAAO;AAAA,IACL,UAAU,SACN,CAAC,aACC,UAAU,iBAAiB,EAAE,QAAQ,UAAU,UAAU,CAAC,IAC5D,CAAC,aACC,UAAU,eAAe;AAAA,MACvB,OAAO,cAAc,SAAY,EAAE,MAAM,QAAQ,UAAU,IAAI,EAAE,MAAM,SAAS;AAAA,MAChF;AAAA,IACF,CAAC;AAAA,EACT;AACF;AAEO,SAAS,qBAAqB;AACnC,QAAM,EAAE,UAAU,IAAI,IAAI,gCAAgC;AAE1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAkB,MAAM;AACpE,UAAM,IAAI,KAAK,yBAAyB;AACxC,WAAO,GAAG,UAAU,UAAU,CAAC,CAAC,EAAE;AAAA,EACpC,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC,IAAK;AAEV,WAAO,IAAI,aAAa,MAAM;AAC5B,YAAM,OAAO,IAAI,yBAAyB;AAC1C,yBAAmB,MAAM,UAAU,UAAU,CAAC,CAAC,MAAM,SAAS;AAAA,IAChE,CAAC;AAAA,EACH,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;;;AC7DA,SAAoB,aAAAA,YAAW,cAAc;AAoBzC;AAXG,IAAM,wBAAwB,CAAC,EAAE,UAAU,GAAG,MAAM,MAAkC;AAC3F,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,EAAE,UAAU,IAAI,IAAI,gCAAgC;AAE1D,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,OAAO,CAAC,IAAI,QAAS;AAE1B,WAAO,sBAAsB,KAAK,EAAE,MAAM,SAAS,GAAG,IAAI,OAAO;AAAA,EACnE,GAAG,CAAC,GAAG,CAAC;AAER,SACE,oBAAC,SAAI,KAAW,GAAG,OAChB,UACH;AAEJ;;;ACxBA,SAAoB,aAAAC,YAAW,UAAAC,eAAc;AAkCzC,SAGI,OAAAC,MAHJ;AAtBG,IAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AAC9B,QAAM,MAAMC,QAAuB,IAAI;AACvC,QAAM,EAAE,UAAU,IAAI,IAAI,gCAAgC;AAC1D,QAAM,kBAAkB,mBAAmB;AAE3C,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,OAAO,CAAC,IAAI,QAAS;AAE1B,WAAO;AAAA,MACL;AAAA,MACA,EAAE,MAAM,QAAQ,UAAU;AAAA,MAC1B,IAAI;AAAA,MACJ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,WAAW,mBAAmB,CAAC;AAExC,SACE,qBAAC,SAAI,KAAW,GAAG,OAChB;AAAA;AAAA,IACA,mBACC,gBAAAF,KAAC,SAAI,OAAO,EAAE,UAAU,YAAY,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,EAAE,GAAG;AAAA,KAEhF;AAEJ;","names":["useEffect","useEffect","useEffect","useRef","jsx","useRef","useEffect"]}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@embedpdf/plugin-interaction-manager",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./preact": {
+      "types": "./dist/preact/index.d.ts",
+      "import": "./dist/preact/index.js",
+      "require": "./dist/preact/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    }
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "@embedpdf/core": "1.0.0",
+    "@embedpdf/models": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "preact": "^10.26.4",
+    "@embedpdf/core": "1.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/embedpdf/embed-pdf-viewer",
+    "directory": "packages/plugin-interaction-manager"
+  },
+  "homepage": "https://www.embedpdf.com/docs",
+  "bugs": {
+    "url": "https://github.com/embedpdf/embed-pdf-viewer/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "PROJECT_CWD=$(pwd) pnpm -w p:build",
+    "build:watch": "PROJECT_CWD=$(pwd) pnpm -w p:build:watch",
+    "clean": "PROJECT_CWD=$(pwd) pnpm -w p:clean",
+    "lint": "PROJECT_CWD=$(pwd) pnpm -w p:lint",
+    "lint:fix": "PROJECT_CWD=$(pwd) pnpm -w p:lint:fix",
+    "typecheck": "PROJECT_CWD=$(pwd) pnpm -w p:typecheck"
+  }
+}