@embedpdf/plugin-annotation 1.5.0 → 2.0.0-next.1

package/dist/shared/components/annotation-layer.d.ts

@@ -1,14 +1,14 @@
 import { HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
-import { SelectionMenu, ResizeHandleUI, VertexHandleUI, CustomAnnotationRenderer } from './types';
+import { ResizeHandleUI, VertexHandleUI, CustomAnnotationRenderer, AnnotationSelectionMenuRenderFn } from './types';
 import { PdfAnnotationObject } from '@embedpdf/models';
 type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    /** The ID of the document that this layer displays annotations for */
+    documentId: string;
     pageIndex: number;
-    scale: number;
-    pageWidth: number;
-    pageHeight: number;
-    rotation: number;
+    scale?: number;
+    rotation?: number;
     /** Customize selection menu across all annotations on this layer */
-    selectionMenu?: SelectionMenu;
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
     style?: CSSProperties;
     /** Customize resize handles */
     resizeUI?: ResizeHandleUI;
@@ -19,5 +19,5 @@ type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /** Customize annotation renderer */
     customAnnotationRenderer?: CustomAnnotationRenderer<PdfAnnotationObject>;
 };
-export declare function AnnotationLayer({ style, pageIndex, scale, selectionMenu, resizeUI, vertexUI, pageWidth, pageHeight, rotation, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationLayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnnotationLayer({ style, documentId, pageIndex, scale: overrideScale, rotation: overrideRotation, selectionMenu, resizeUI, vertexUI, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationLayerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/components/annotation-paint-layer.d.ts

@@ -1,6 +1,7 @@
 interface Props {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function AnnotationPaintLayer({ pageIndex, scale }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function AnnotationPaintLayer({ documentId, pageIndex, scale }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/components/annotations/stamp.d.ts

@@ -4,9 +4,10 @@ import { TrackedAnnotation } from '../../../index.ts';
 interface StampProps {
     isSelected: boolean;
     annotation: TrackedAnnotation<PdfStampAnnoObject>;
+    documentId: string;
     pageIndex: number;
     scale: number;
     onClick: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
 }
-export declare function Stamp({ isSelected, annotation, pageIndex, scale, onClick }: StampProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stamp({ isSelected, annotation, documentId, pageIndex, scale, onClick, }: StampProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/components/annotations.d.ts

@@ -1,12 +1,13 @@
 import { PdfAnnotationObject } from '@embedpdf/models';
-import { CustomAnnotationRenderer, ResizeHandleUI, SelectionMenu, VertexHandleUI } from './types';
+import { CustomAnnotationRenderer, ResizeHandleUI, AnnotationSelectionMenuRenderFn, VertexHandleUI } from './types';
 interface AnnotationsProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
     rotation: number;
     pageWidth: number;
     pageHeight: number;
-    selectionMenu?: SelectionMenu;
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
     resizeUI?: ResizeHandleUI;
     vertexUI?: VertexHandleUI;
     selectionOutlineColor?: string;

package/dist/shared/components/render-annotation.d.ts

@@ -1,11 +1,12 @@
 import { HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
 import { PdfAnnotationObject } from '@embedpdf/models';
 type RenderAnnotationProps = Omit<HTMLAttributes<HTMLImageElement>, 'style'> & {
+    documentId: string;
     pageIndex: number;
     annotation: PdfAnnotationObject;
     scaleFactor?: number;
     dpr?: number;
     style?: CSSProperties;
 };
-export declare function RenderAnnotation({ pageIndex, annotation, scaleFactor, style, ...props }: RenderAnnotationProps): import("react/jsx-runtime").JSX.Element;
+export declare function RenderAnnotation({ documentId, pageIndex, annotation, scaleFactor, style, ...props }: RenderAnnotationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/components/text-markup.d.ts

@@ -1,6 +1,7 @@
 interface TextMarkupProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function TextMarkup({ pageIndex, scale }: TextMarkupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TextMarkup({ documentId, pageIndex, scale }: TextMarkupProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,15 +1,15 @@
-import { PdfAnnotationObject, Rect } from '@embedpdf/models';
+import { PdfAnnotationObject } from '@embedpdf/models';
 import { TrackedAnnotation } from '../../index.ts';
-import { HandleElementProps, MenuWrapperProps } from '../../react/utils.ts';
+import { HandleElementProps, SelectionMenuPropsBase, SelectionMenuRenderFn } from '../../react/utils.ts';
 import { JSX } from '../../react/adapter.ts';
 export type ResizeDirection = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
-export interface SelectionMenuProps {
+export interface AnnotationSelectionContext {
+    type: 'annotation';
     annotation: TrackedAnnotation;
-    selected: boolean;
-    rect: Rect;
-    menuWrapperProps: MenuWrapperProps;
+    pageIndex: number;
 }
-export type SelectionMenu = (props: SelectionMenuProps) => JSX.Element;
+export type AnnotationSelectionMenuProps = SelectionMenuPropsBase<AnnotationSelectionContext>;
+export type AnnotationSelectionMenuRenderFn = SelectionMenuRenderFn<AnnotationSelectionContext>;
 export type HandleProps = HandleElementProps & {
     backgroundColor?: string;
 };

package/dist/shared/hooks/use-annotation.d.ts

@@ -1,4 +1,4 @@
-import { AnnotationPlugin, AnnotationState } from '../../index.ts';
+import { AnnotationPlugin, AnnotationDocumentState } from '../../index.ts';
 export declare const useAnnotationPlugin: () => {
     plugin: AnnotationPlugin | null;
     isLoading: boolean;
@@ -9,7 +9,11 @@ export declare const useAnnotationCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useAnnotation: () => {
-    state: AnnotationState;
-    provides: Readonly<import('../../index.ts').AnnotationCapability> | null;
+/**
+ * Hook for annotation state for a specific document
+ * @param documentId Document ID
+ */
+export declare const useAnnotation: (documentId: string) => {
+    state: AnnotationDocumentState;
+    provides: import('../../index.ts').AnnotationScope | null;
 };

package/dist/shared/index.d.ts

@@ -1,3 +1,4 @@
 export * from './hooks';
 export * from './components';
+export * from './components/types';
 export * from '../index.ts';

package/dist/shared-preact/components/annotation-container.d.ts

@@ -1,10 +1,11 @@
 import { PdfAnnotationObject } from '@embedpdf/models';
 import { TrackedAnnotation } from '../../lib/index.ts';
 import { JSX, CSSProperties } from '../../preact/adapter.ts';
-import { CustomAnnotationRenderer, ResizeHandleUI, SelectionMenuProps, VertexHandleUI } from './types';
+import { CustomAnnotationRenderer, ResizeHandleUI, AnnotationSelectionMenuRenderFn, VertexHandleUI } from './types';
 import { VertexConfig } from '../types';
 interface AnnotationContainerProps<T extends PdfAnnotationObject> {
     scale: number;
+    documentId: string;
     pageIndex: number;
     rotation: number;
     pageWidth: number;
@@ -17,7 +18,7 @@ interface AnnotationContainerProps<T extends PdfAnnotationObject> {
     lockAspectRatio?: boolean;
     style?: CSSProperties;
     vertexConfig?: VertexConfig<T>;
-    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
     outlineOffset?: number;
     onDoubleClick?: (event: any) => void;
     onSelect: (event: any) => void;
@@ -27,5 +28,5 @@ interface AnnotationContainerProps<T extends PdfAnnotationObject> {
     selectionOutlineColor?: string;
     customAnnotationRenderer?: CustomAnnotationRenderer<T>;
 }
-export declare function AnnotationContainer<T extends PdfAnnotationObject>({ scale, pageIndex, rotation, pageWidth, pageHeight, trackedAnnotation, children, isSelected, isDraggable, isResizable, lockAspectRatio, style, vertexConfig, selectionMenu, outlineOffset, onDoubleClick, onSelect, zIndex, resizeUI, vertexUI, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationContainerProps<T>): JSX.Element;
+export declare function AnnotationContainer<T extends PdfAnnotationObject>({ scale, documentId, pageIndex, rotation, pageWidth, pageHeight, trackedAnnotation, children, isSelected, isDraggable, isResizable, lockAspectRatio, style, vertexConfig, selectionMenu, outlineOffset, onDoubleClick, onSelect, zIndex, resizeUI, vertexUI, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationContainerProps<T>): JSX.Element;
 export {};

package/dist/shared-preact/components/annotation-layer.d.ts

@@ -1,14 +1,14 @@
 import { HTMLAttributes, CSSProperties } from '../../preact/adapter.ts';
-import { SelectionMenu, ResizeHandleUI, VertexHandleUI, CustomAnnotationRenderer } from './types';
+import { ResizeHandleUI, VertexHandleUI, CustomAnnotationRenderer, AnnotationSelectionMenuRenderFn } from './types';
 import { PdfAnnotationObject } from '@embedpdf/models';
 type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    /** The ID of the document that this layer displays annotations for */
+    documentId: string;
     pageIndex: number;
-    scale: number;
-    pageWidth: number;
-    pageHeight: number;
-    rotation: number;
+    scale?: number;
+    rotation?: number;
     /** Customize selection menu across all annotations on this layer */
-    selectionMenu?: SelectionMenu;
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
     style?: CSSProperties;
     /** Customize resize handles */
     resizeUI?: ResizeHandleUI;
@@ -19,5 +19,5 @@ type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /** Customize annotation renderer */
     customAnnotationRenderer?: CustomAnnotationRenderer<PdfAnnotationObject>;
 };
-export declare function AnnotationLayer({ style, pageIndex, scale, selectionMenu, resizeUI, vertexUI, pageWidth, pageHeight, rotation, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationLayerProps): import("preact").JSX.Element;
+export declare function AnnotationLayer({ style, documentId, pageIndex, scale: overrideScale, rotation: overrideRotation, selectionMenu, resizeUI, vertexUI, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationLayerProps): import("preact").JSX.Element;
 export {};

package/dist/shared-preact/components/annotation-paint-layer.d.ts

@@ -1,6 +1,7 @@
 interface Props {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function AnnotationPaintLayer({ pageIndex, scale }: Props): import("preact").JSX.Element;
+export declare function AnnotationPaintLayer({ documentId, pageIndex, scale }: Props): import("preact").JSX.Element;
 export {};

package/dist/shared-preact/components/annotations/stamp.d.ts

@@ -4,9 +4,10 @@ import { TrackedAnnotation } from '../../../lib/index.ts';
 interface StampProps {
     isSelected: boolean;
     annotation: TrackedAnnotation<PdfStampAnnoObject>;
+    documentId: string;
     pageIndex: number;
     scale: number;
     onClick: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
 }
-export declare function Stamp({ isSelected, annotation, pageIndex, scale, onClick }: StampProps): import("preact").JSX.Element;
+export declare function Stamp({ isSelected, annotation, documentId, pageIndex, scale, onClick, }: StampProps): import("preact").JSX.Element;
 export {};

package/dist/shared-preact/components/annotations.d.ts

@@ -1,12 +1,13 @@
 import { PdfAnnotationObject } from '@embedpdf/models';
-import { CustomAnnotationRenderer, ResizeHandleUI, SelectionMenu, VertexHandleUI } from './types';
+import { CustomAnnotationRenderer, ResizeHandleUI, AnnotationSelectionMenuRenderFn, VertexHandleUI } from './types';
 interface AnnotationsProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
     rotation: number;
     pageWidth: number;
     pageHeight: number;
-    selectionMenu?: SelectionMenu;
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
     resizeUI?: ResizeHandleUI;
     vertexUI?: VertexHandleUI;
     selectionOutlineColor?: string;

package/dist/shared-preact/components/render-annotation.d.ts

@@ -1,11 +1,12 @@
 import { HTMLAttributes, CSSProperties } from '../../preact/adapter.ts';
 import { PdfAnnotationObject } from '@embedpdf/models';
 type RenderAnnotationProps = Omit<HTMLAttributes<HTMLImageElement>, 'style'> & {
+    documentId: string;
     pageIndex: number;
     annotation: PdfAnnotationObject;
     scaleFactor?: number;
     dpr?: number;
     style?: CSSProperties;
 };
-export declare function RenderAnnotation({ pageIndex, annotation, scaleFactor, style, ...props }: RenderAnnotationProps): import("preact").JSX.Element;
+export declare function RenderAnnotation({ documentId, pageIndex, annotation, scaleFactor, style, ...props }: RenderAnnotationProps): import("preact").JSX.Element;
 export {};

package/dist/shared-preact/components/text-markup.d.ts

@@ -1,6 +1,7 @@
 interface TextMarkupProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function TextMarkup({ pageIndex, scale }: TextMarkupProps): import("preact").JSX.Element | null;
+export declare function TextMarkup({ documentId, pageIndex, scale }: TextMarkupProps): import("preact").JSX.Element | null;
 export {};

package/dist/shared-preact/components/types.d.ts

@@ -1,15 +1,15 @@
-import { PdfAnnotationObject, Rect } from '@embedpdf/models';
+import { PdfAnnotationObject } from '@embedpdf/models';
 import { TrackedAnnotation } from '../../lib/index.ts';
-import { HandleElementProps, MenuWrapperProps } from '../../preact/utils.ts';
+import { HandleElementProps, SelectionMenuPropsBase, SelectionMenuRenderFn } from '../../preact/utils.ts';
 import { JSX } from '../../preact/adapter.ts';
 export type ResizeDirection = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
-export interface SelectionMenuProps {
+export interface AnnotationSelectionContext {
+    type: 'annotation';
     annotation: TrackedAnnotation;
-    selected: boolean;
-    rect: Rect;
-    menuWrapperProps: MenuWrapperProps;
+    pageIndex: number;
 }
-export type SelectionMenu = (props: SelectionMenuProps) => JSX.Element;
+export type AnnotationSelectionMenuProps = SelectionMenuPropsBase<AnnotationSelectionContext>;
+export type AnnotationSelectionMenuRenderFn = SelectionMenuRenderFn<AnnotationSelectionContext>;
 export type HandleProps = HandleElementProps & {
     backgroundColor?: string;
 };

package/dist/shared-preact/hooks/use-annotation.d.ts

@@ -1,4 +1,4 @@
-import { AnnotationPlugin, AnnotationState } from '../../lib/index.ts';
+import { AnnotationPlugin, AnnotationDocumentState } from '../../lib/index.ts';
 export declare const useAnnotationPlugin: () => {
     plugin: AnnotationPlugin | null;
     isLoading: boolean;
@@ -9,7 +9,11 @@ export declare const useAnnotationCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useAnnotation: () => {
-    state: AnnotationState;
-    provides: Readonly<import('../../lib/index.ts').AnnotationCapability> | null;
+/**
+ * Hook for annotation state for a specific document
+ * @param documentId Document ID
+ */
+export declare const useAnnotation: (documentId: string) => {
+    state: AnnotationDocumentState;
+    provides: import('../../lib/index.ts').AnnotationScope | null;
 };

package/dist/shared-preact/index.d.ts

@@ -1,3 +1,4 @@
 export * from './hooks';
 export * from './components';
+export * from './components/types';
 export * from '../lib/index.ts';

package/dist/shared-react/components/annotation-container.d.ts

@@ -1,10 +1,11 @@
 import { PdfAnnotationObject } from '@embedpdf/models';
 import { TrackedAnnotation } from '../../lib/index.ts';
 import { JSX, CSSProperties } from '../../react/adapter.ts';
-import { CustomAnnotationRenderer, ResizeHandleUI, SelectionMenuProps, VertexHandleUI } from './types';
+import { CustomAnnotationRenderer, ResizeHandleUI, AnnotationSelectionMenuRenderFn, VertexHandleUI } from './types';
 import { VertexConfig } from '../types';
 interface AnnotationContainerProps<T extends PdfAnnotationObject> {
     scale: number;
+    documentId: string;
     pageIndex: number;
     rotation: number;
     pageWidth: number;
@@ -17,7 +18,7 @@ interface AnnotationContainerProps<T extends PdfAnnotationObject> {
     lockAspectRatio?: boolean;
     style?: CSSProperties;
     vertexConfig?: VertexConfig<T>;
-    selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
     outlineOffset?: number;
     onDoubleClick?: (event: any) => void;
     onSelect: (event: any) => void;
@@ -27,5 +28,5 @@ interface AnnotationContainerProps<T extends PdfAnnotationObject> {
     selectionOutlineColor?: string;
     customAnnotationRenderer?: CustomAnnotationRenderer<T>;
 }
-export declare function AnnotationContainer<T extends PdfAnnotationObject>({ scale, pageIndex, rotation, pageWidth, pageHeight, trackedAnnotation, children, isSelected, isDraggable, isResizable, lockAspectRatio, style, vertexConfig, selectionMenu, outlineOffset, onDoubleClick, onSelect, zIndex, resizeUI, vertexUI, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationContainerProps<T>): JSX.Element;
+export declare function AnnotationContainer<T extends PdfAnnotationObject>({ scale, documentId, pageIndex, rotation, pageWidth, pageHeight, trackedAnnotation, children, isSelected, isDraggable, isResizable, lockAspectRatio, style, vertexConfig, selectionMenu, outlineOffset, onDoubleClick, onSelect, zIndex, resizeUI, vertexUI, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationContainerProps<T>): JSX.Element;
 export {};

package/dist/shared-react/components/annotation-layer.d.ts

@@ -1,14 +1,14 @@
 import { HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
-import { SelectionMenu, ResizeHandleUI, VertexHandleUI, CustomAnnotationRenderer } from './types';
+import { ResizeHandleUI, VertexHandleUI, CustomAnnotationRenderer, AnnotationSelectionMenuRenderFn } from './types';
 import { PdfAnnotationObject } from '@embedpdf/models';
 type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    /** The ID of the document that this layer displays annotations for */
+    documentId: string;
     pageIndex: number;
-    scale: number;
-    pageWidth: number;
-    pageHeight: number;
-    rotation: number;
+    scale?: number;
+    rotation?: number;
     /** Customize selection menu across all annotations on this layer */
-    selectionMenu?: SelectionMenu;
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
     style?: CSSProperties;
     /** Customize resize handles */
     resizeUI?: ResizeHandleUI;
@@ -19,5 +19,5 @@ type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /** Customize annotation renderer */
     customAnnotationRenderer?: CustomAnnotationRenderer<PdfAnnotationObject>;
 };
-export declare function AnnotationLayer({ style, pageIndex, scale, selectionMenu, resizeUI, vertexUI, pageWidth, pageHeight, rotation, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationLayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnnotationLayer({ style, documentId, pageIndex, scale: overrideScale, rotation: overrideRotation, selectionMenu, resizeUI, vertexUI, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationLayerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/annotation-paint-layer.d.ts

@@ -1,6 +1,7 @@
 interface Props {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function AnnotationPaintLayer({ pageIndex, scale }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function AnnotationPaintLayer({ documentId, pageIndex, scale }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/annotations/stamp.d.ts

@@ -4,9 +4,10 @@ import { TrackedAnnotation } from '../../../lib/index.ts';
 interface StampProps {
     isSelected: boolean;
     annotation: TrackedAnnotation<PdfStampAnnoObject>;
+    documentId: string;
     pageIndex: number;
     scale: number;
     onClick: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
 }
-export declare function Stamp({ isSelected, annotation, pageIndex, scale, onClick }: StampProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stamp({ isSelected, annotation, documentId, pageIndex, scale, onClick, }: StampProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/annotations.d.ts

@@ -1,12 +1,13 @@
 import { PdfAnnotationObject } from '@embedpdf/models';
-import { CustomAnnotationRenderer, ResizeHandleUI, SelectionMenu, VertexHandleUI } from './types';
+import { CustomAnnotationRenderer, ResizeHandleUI, AnnotationSelectionMenuRenderFn, VertexHandleUI } from './types';
 interface AnnotationsProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
     rotation: number;
     pageWidth: number;
     pageHeight: number;
-    selectionMenu?: SelectionMenu;
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
     resizeUI?: ResizeHandleUI;
     vertexUI?: VertexHandleUI;
     selectionOutlineColor?: string;

package/dist/shared-react/components/render-annotation.d.ts

@@ -1,11 +1,12 @@
 import { HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
 import { PdfAnnotationObject } from '@embedpdf/models';
 type RenderAnnotationProps = Omit<HTMLAttributes<HTMLImageElement>, 'style'> & {
+    documentId: string;
     pageIndex: number;
     annotation: PdfAnnotationObject;
     scaleFactor?: number;
     dpr?: number;
     style?: CSSProperties;
 };
-export declare function RenderAnnotation({ pageIndex, annotation, scaleFactor, style, ...props }: RenderAnnotationProps): import("react/jsx-runtime").JSX.Element;
+export declare function RenderAnnotation({ documentId, pageIndex, annotation, scaleFactor, style, ...props }: RenderAnnotationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/text-markup.d.ts

@@ -1,6 +1,7 @@
 interface TextMarkupProps {
+    documentId: string;
     pageIndex: number;
     scale: number;
 }
-export declare function TextMarkup({ pageIndex, scale }: TextMarkupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TextMarkup({ documentId, pageIndex, scale }: TextMarkupProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/shared-react/components/types.d.ts

@@ -1,15 +1,15 @@
-import { PdfAnnotationObject, Rect } from '@embedpdf/models';
+import { PdfAnnotationObject } from '@embedpdf/models';
 import { TrackedAnnotation } from '../../lib/index.ts';
-import { HandleElementProps, MenuWrapperProps } from '../../react/utils.ts';
+import { HandleElementProps, SelectionMenuPropsBase, SelectionMenuRenderFn } from '../../react/utils.ts';
 import { JSX } from '../../react/adapter.ts';
 export type ResizeDirection = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
-export interface SelectionMenuProps {
+export interface AnnotationSelectionContext {
+    type: 'annotation';
     annotation: TrackedAnnotation;
-    selected: boolean;
-    rect: Rect;
-    menuWrapperProps: MenuWrapperProps;
+    pageIndex: number;
 }
-export type SelectionMenu = (props: SelectionMenuProps) => JSX.Element;
+export type AnnotationSelectionMenuProps = SelectionMenuPropsBase<AnnotationSelectionContext>;
+export type AnnotationSelectionMenuRenderFn = SelectionMenuRenderFn<AnnotationSelectionContext>;
 export type HandleProps = HandleElementProps & {
     backgroundColor?: string;
 };

package/dist/shared-react/hooks/use-annotation.d.ts

@@ -1,4 +1,4 @@
-import { AnnotationPlugin, AnnotationState } from '../../lib/index.ts';
+import { AnnotationPlugin, AnnotationDocumentState } from '../../lib/index.ts';
 export declare const useAnnotationPlugin: () => {
     plugin: AnnotationPlugin | null;
     isLoading: boolean;
@@ -9,7 +9,11 @@ export declare const useAnnotationCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
-export declare const useAnnotation: () => {
-    state: AnnotationState;
-    provides: Readonly<import('../../lib/index.ts').AnnotationCapability> | null;
+/**
+ * Hook for annotation state for a specific document
+ * @param documentId Document ID
+ */
+export declare const useAnnotation: (documentId: string) => {
+    state: AnnotationDocumentState;
+    provides: import('../../lib/index.ts').AnnotationScope | null;
 };

package/dist/shared-react/index.d.ts

@@ -1,3 +1,4 @@
 export * from './hooks';
 export * from './components';
+export * from './components/types';
 export * from '../lib/index.ts';

package/dist/svelte/components/AnnotationContainer.svelte.d.ts

@@ -0,0 +1,26 @@
+import { PdfAnnotationObject } from '@embedpdf/models';
+import { AnnotationContainerProps } from './types';
+declare function $$render<T extends PdfAnnotationObject>(): {
+    props: AnnotationContainerProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends PdfAnnotationObject> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends PdfAnnotationObject>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends PdfAnnotationObject>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const AnnotationContainer: $$IsomorphicComponent;
+type AnnotationContainer<T extends PdfAnnotationObject> = InstanceType<typeof AnnotationContainer<T>>;
+export default AnnotationContainer;

package/dist/svelte/components/AnnotationLayer.svelte.d.ts

@@ -0,0 +1,27 @@
+import { PdfAnnotationObject } from '@embedpdf/models';
+import { HTMLAttributes } from 'svelte/elements';
+import { AnnotationSelectionMenuProps, AnnotationSelectionMenuRenderFn, CustomAnnotationRenderer, ResizeHandleUI, VertexHandleUI } from '../types';
+import { Snippet } from 'svelte';
+type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+    /** The ID of the document that this layer displays annotations for */
+    documentId: string;
+    pageIndex: number;
+    scale?: number;
+    rotation?: number;
+    /** Render function for selection menu (schema-driven approach) */
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
+    /** Snippet for custom selection menu (slot-based approach) */
+    selectionMenuSnippet?: Snippet<[AnnotationSelectionMenuProps]>;
+    style?: Record<string, string | number | undefined>;
+    /** Customize resize handles */
+    resizeUI?: ResizeHandleUI;
+    /** Customize vertex handles */
+    vertexUI?: VertexHandleUI;
+    /** Customize selection outline color */
+    selectionOutlineColor?: string;
+    /** Customize annotation renderer */
+    customAnnotationRenderer?: CustomAnnotationRenderer<PdfAnnotationObject>;
+};
+declare const AnnotationLayer: import('svelte', { with: { "resolution-mode": "import" } }).Component<AnnotationLayerProps, {}, "">;
+type AnnotationLayer = ReturnType<typeof AnnotationLayer>;
+export default AnnotationLayer;

package/dist/svelte/components/AnnotationPaintLayer.svelte.d.ts

@@ -0,0 +1,8 @@
+interface AnnotationPaintLayerProps {
+    documentId: string;
+    pageIndex: number;
+    scale: number;
+}
+declare const AnnotationPaintLayer: import('svelte', { with: { "resolution-mode": "import" } }).Component<AnnotationPaintLayerProps, {}, "">;
+type AnnotationPaintLayer = ReturnType<typeof AnnotationPaintLayer>;
+export default AnnotationPaintLayer;

package/dist/svelte/components/Annotations.svelte.d.ts

@@ -0,0 +1,22 @@
+import { PdfAnnotationObject } from '@embedpdf/models';
+import { AnnotationSelectionMenuProps, AnnotationSelectionMenuRenderFn, CustomAnnotationRenderer, ResizeHandleUI, VertexHandleUI } from '../types';
+import { Snippet } from 'svelte';
+interface AnnotationsProps {
+    documentId: string;
+    pageIndex: number;
+    scale: number;
+    rotation: number;
+    pageWidth: number;
+    pageHeight: number;
+    /** Render function for selection menu (schema-driven approach) */
+    selectionMenu?: AnnotationSelectionMenuRenderFn;
+    /** Snippet for custom selection menu (slot-based approach) */
+    selectionMenuSnippet?: Snippet<[AnnotationSelectionMenuProps]>;
+    resizeUI?: ResizeHandleUI;
+    vertexUI?: VertexHandleUI;
+    selectionOutlineColor?: string;
+    customAnnotationRenderer?: CustomAnnotationRenderer<PdfAnnotationObject>;
+}
+declare const Annotations: import('svelte', { with: { "resolution-mode": "import" } }).Component<AnnotationsProps, {}, "">;
+type Annotations = ReturnType<typeof Annotations>;
+export default Annotations;

package/dist/svelte/components/PreviewRenderer.svelte.d.ts

@@ -0,0 +1,8 @@
+import { AnyPreviewState } from '../../lib/index.ts';
+interface PreviewRendererProps {
+    preview: AnyPreviewState;
+    scale: number;
+}
+declare const PreviewRenderer: import('svelte', { with: { "resolution-mode": "import" } }).Component<PreviewRendererProps, {}, "">;
+type PreviewRenderer = ReturnType<typeof PreviewRenderer>;
+export default PreviewRenderer;

package/dist/svelte/components/RenderAnnotation.svelte.d.ts

@@ -0,0 +1,13 @@
+import { PdfAnnotationObject } from '@embedpdf/models';
+import { HTMLImgAttributes } from 'svelte/elements';
+interface RenderAnnotationProps extends Omit<HTMLImgAttributes, 'style'> {
+    documentId: string;
+    pageIndex: number;
+    annotation: PdfAnnotationObject;
+    scaleFactor?: number;
+    dpr?: number;
+    style?: Record<string, string | number | undefined>;
+}
+declare const RenderAnnotation: import('svelte', { with: { "resolution-mode": "import" } }).Component<RenderAnnotationProps, {}, "">;
+type RenderAnnotation = ReturnType<typeof RenderAnnotation>;
+export default RenderAnnotation;

package/dist/svelte/components/TextMarkup.svelte.d.ts

@@ -0,0 +1,8 @@
+interface TextMarkupProps {
+    documentId: string;
+    pageIndex: number;
+    scale: number;
+}
+declare const TextMarkup: import('svelte', { with: { "resolution-mode": "import" } }).Component<TextMarkupProps, {}, "">;
+type TextMarkup = ReturnType<typeof TextMarkup>;
+export default TextMarkup;