@campxdev/pdfme 1.1.0 → 1.2.1

package/dist/types/_vendors/schemas/tables/types.d.ts

@@ -0,0 +1,88 @@
+import type { ALIGNMENT, VERTICAL_ALIGNMENT } from '../text/types.js';
+import type { Schema } from '../../common/index.js';
+export type Spacing = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+type BorderInsets = Spacing;
+type BoxDimensions = Spacing;
+export interface CellStyle {
+    fontName?: string;
+    alignment: ALIGNMENT;
+    verticalAlignment: VERTICAL_ALIGNMENT;
+    fontSize: number;
+    lineHeight: number;
+    characterSpacing: number;
+    fontColor: string;
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: BoxDimensions;
+    padding: BoxDimensions;
+}
+export type CellSchema = Schema & CellStyle;
+export interface TableSchema extends Schema {
+    showHead: boolean;
+    head: string[];
+    headWidthPercentages: number[];
+    repeatHead?: boolean;
+    tableStyles: {
+        borderColor: string;
+        borderWidth: number;
+    };
+    headStyles: CellStyle;
+    bodyStyles: CellStyle & {
+        alternateBackgroundColor: string;
+    };
+    columnStyles: {
+        alignment?: {
+            [colIndex: number]: ALIGNMENT;
+        };
+    };
+}
+export interface Styles {
+    fontName: string | undefined;
+    backgroundColor: string;
+    textColor: string;
+    lineHeight: number;
+    characterSpacing: number;
+    alignment: 'left' | 'center' | 'right' | 'justify';
+    verticalAlignment: 'top' | 'middle' | 'bottom';
+    fontSize: number;
+    cellPadding: Spacing;
+    lineColor: string;
+    lineWidth: BorderInsets;
+    cellWidth: number;
+    minCellHeight: number;
+    minCellWidth: number;
+}
+export interface TableInput {
+    settings: Settings;
+    styles: StylesProps;
+    content: ContentInput;
+}
+interface ContentInput {
+    body: string[][];
+    head: string[][];
+    columns: number[];
+}
+export interface Settings {
+    startY: number;
+    margin: Spacing;
+    tableWidth: number;
+    showHead: boolean;
+    tableLineWidth: number;
+    tableLineColor: string;
+}
+export interface StylesProps {
+    styles: Partial<Styles>;
+    headStyles: Partial<Styles>;
+    bodyStyles: Partial<Styles>;
+    alternateRowStyles: Partial<Styles>;
+    columnStyles: {
+        [key: string]: Partial<Styles>;
+    };
+}
+export type Section = 'head' | 'body';
+export {};

package/dist/types/_vendors/schemas/tables/uiRender.d.ts

@@ -0,0 +1,3 @@
+import type { UIRenderProps } from '../../common/index.js';
+import type { TableSchema } from './types.js';
+export declare const uiRender: (arg: UIRenderProps<TableSchema>) => Promise<void>;

package/dist/types/_vendors/schemas/text/constants.d.ts

@@ -0,0 +1,23 @@
+import { ALIGNMENT, VERTICAL_ALIGNMENT, DYNAMIC_FONT_SIZE_FIT } from './types.js';
+export declare const DEFAULT_FONT_SIZE = 13;
+export declare const ALIGN_LEFT: ALIGNMENT;
+export declare const ALIGN_CENTER: ALIGNMENT;
+export declare const ALIGN_RIGHT: ALIGNMENT;
+export declare const ALIGN_JUSTIFY: ALIGNMENT;
+export declare const DEFAULT_ALIGNMENT: ALIGNMENT;
+export declare const VERTICAL_ALIGN_TOP: VERTICAL_ALIGNMENT;
+export declare const VERTICAL_ALIGN_MIDDLE: VERTICAL_ALIGNMENT;
+export declare const VERTICAL_ALIGN_BOTTOM: VERTICAL_ALIGNMENT;
+export declare const DEFAULT_VERTICAL_ALIGNMENT: VERTICAL_ALIGNMENT;
+export declare const DEFAULT_LINE_HEIGHT = 1;
+export declare const DEFAULT_CHARACTER_SPACING = 0;
+export declare const DEFAULT_FONT_COLOR = "#000000";
+export declare const PLACEHOLDER_FONT_COLOR = "#A0A0A0";
+export declare const DYNAMIC_FIT_VERTICAL: DYNAMIC_FONT_SIZE_FIT;
+export declare const DYNAMIC_FIT_HORIZONTAL: DYNAMIC_FONT_SIZE_FIT;
+export declare const DEFAULT_DYNAMIC_FIT: DYNAMIC_FONT_SIZE_FIT;
+export declare const DEFAULT_DYNAMIC_MIN_FONT_SIZE = 4;
+export declare const DEFAULT_DYNAMIC_MAX_FONT_SIZE = 72;
+export declare const FONT_SIZE_ADJUSTMENT = 0.25;
+export declare const LINE_START_FORBIDDEN_CHARS: string[];
+export declare const LINE_END_FORBIDDEN_CHARS: string[];

package/dist/types/_vendors/schemas/text/extraFormatter.d.ts

@@ -0,0 +1,27 @@
+export declare enum Formatter {
+    BOLD = "bold",
+    ITALIC = "italic",
+    STRIKETHROUGH = "strikethrough",
+    UNDERLINE = "underline",
+    ALIGNMENT = "alignment",
+    VERTICAL_ALIGNMENT = "verticalAlignment"
+}
+interface GroupButtonBoolean {
+    key: Formatter;
+    icon: string;
+    type: 'boolean';
+}
+interface GroupButtonString {
+    key: Formatter;
+    icon: string;
+    type: 'select';
+    value: string;
+}
+type GroupButton = GroupButtonBoolean | GroupButtonString;
+export declare function getExtraFormatterSchema(i18n: (key: string) => string): {
+    title: string;
+    widget: string;
+    buttons: GroupButton[];
+    span: number;
+};
+export {};

package/dist/types/_vendors/schemas/text/helper.d.ts

@@ -0,0 +1,40 @@
+import * as fontkit from 'fontkit';
+import type { Font as FontKitFont } from 'fontkit';
+import { Font } from '../../common/index.js';
+import type { TextSchema, FontWidthCalcValues } from './types.js';
+export declare const getBrowserVerticalFontAdjustments: (fontKitFont: FontKitFont, fontSize: number, lineHeight: number, verticalAlignment: string) => {
+    topAdj: number;
+    bottomAdj: number;
+};
+export declare const getFontDescentInPt: (fontKitFont: FontKitFont, fontSize: number) => number;
+export declare const heightOfFontAtSize: (fontKitFont: FontKitFont, fontSize: number) => number;
+export declare const widthOfTextAtSize: (text: string, fontKitFont: FontKitFont, fontSize: number, characterSpacing: number) => number;
+export declare const getFontKitFont: (fontName: string | undefined, font: Font, _cache: Map<string | number, fontkit.Font>) => Promise<fontkit.Font>;
+export declare const resolveFontName: (fontName: string | undefined, bold: boolean | undefined, italic: boolean | undefined, font: Font) => string;
+/**
+ * Recursively splits the line at getSplitPosition.
+ * If there is some leftover, split the rest again in the same manner.
+ */
+export declare const getSplittedLines: (textLine: string, calcValues: FontWidthCalcValues) => string[];
+/**
+ * If using dynamic font size, iteratively increment or decrement the
+ * font size to fit the containing box.
+ * Calculating space usage involves splitting lines where they exceed
+ * the box width based on the proposed size.
+ */
+export declare const calculateDynamicFontSize: ({ textSchema, fontKitFont, value, startingFontSize, }: {
+    textSchema: TextSchema;
+    fontKitFont: FontKitFont;
+    value: string;
+    startingFontSize?: number | undefined;
+}) => number;
+export declare const splitTextToSize: (arg: {
+    value: string;
+    characterSpacing: number;
+    boxWidthInPt: number;
+    fontSize: number;
+    fontKitFont: fontkit.Font;
+}) => string[];
+export declare const isFirefox: () => boolean;
+export declare const filterStartJP: (lines: string[]) => string[];
+export declare const filterEndJP: (lines: string[]) => string[];

package/dist/types/_vendors/schemas/text/icons/index.d.ts

@@ -0,0 +1,11 @@
+export declare const TextBoldIcon: string;
+export declare const TextItalicIcon: string;
+export declare const TextStrikethroughIcon: string;
+export declare const TextUnderlineIcon: string;
+export declare const TextAlignLeftIcon: string;
+export declare const TextAlignCenterIcon: string;
+export declare const TextAlignRightIcon: string;
+export declare const TextAlignJustifyIcon: string;
+export declare const TextVerticalAlignTopIcon: string;
+export declare const TextVerticalAlignMiddleIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 24 24\"><path d=\"M8 19h3v4h2v-4h3l-4-4l-4 4zm8-14h-3V1h-2v4H8l4 4l4-4zM4 11v2h16v-2H4z\" fill=\"currentColor\"></path></svg>";
+export declare const TextVerticalAlignBottomIcon: string;

package/dist/types/_vendors/schemas/text/index.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from '../../common/index.js';
+import type { TextSchema } from './types.js';
+declare const textSchema: Plugin<TextSchema>;
+export default textSchema;

package/dist/types/_vendors/schemas/text/pdfRender.d.ts

@@ -0,0 +1,3 @@
+import type { TextSchema } from './types.js';
+import { PDFRenderProps } from '../../common/index.js';
+export declare const pdfRender: (arg: PDFRenderProps<TextSchema>) => Promise<void>;

package/dist/types/_vendors/schemas/text/propPanel.d.ts

@@ -0,0 +1,3 @@
+import { PropPanel } from '../../common/index.js';
+import type { TextSchema } from './types.js';
+export declare const propPanel: PropPanel<TextSchema>;

package/dist/types/_vendors/schemas/text/types.d.ts

@@ -0,0 +1,30 @@
+import type { Schema } from '../../common/index.js';
+import type { Font as FontKitFont } from 'fontkit';
+export type ALIGNMENT = 'left' | 'center' | 'right' | 'justify';
+export type VERTICAL_ALIGNMENT = 'top' | 'middle' | 'bottom';
+export type DYNAMIC_FONT_SIZE_FIT = 'horizontal' | 'vertical';
+export type FontWidthCalcValues = {
+    font: FontKitFont;
+    fontSize: number;
+    characterSpacing: number;
+    boxWidthInPt: number;
+};
+export interface TextSchema extends Schema {
+    fontName?: string;
+    alignment: ALIGNMENT;
+    verticalAlignment: VERTICAL_ALIGNMENT;
+    fontSize: number;
+    lineHeight: number;
+    bold?: boolean;
+    italic?: boolean;
+    strikethrough?: boolean;
+    underline?: boolean;
+    characterSpacing: number;
+    dynamicFontSize?: {
+        min: number;
+        max: number;
+        fit: DYNAMIC_FONT_SIZE_FIT;
+    };
+    fontColor: string;
+    backgroundColor: string;
+}

package/dist/types/_vendors/schemas/text/uiRender.d.ts

@@ -0,0 +1,11 @@
+import type { Font as FontKitFont } from 'fontkit';
+import { UIRenderProps } from '../../common/index.js';
+import type { TextSchema } from './types.js';
+export declare const uiRender: (arg: UIRenderProps<TextSchema>) => Promise<void>;
+export declare const buildStyledTextContainer: (arg: UIRenderProps<TextSchema>, fontKitFont: FontKitFont, value: string) => HTMLDivElement;
+/**
+ * Firefox doesn't support 'plaintext-only' contentEditable mode, which we want to avoid mark-up.
+ * This function adds a workaround for Firefox to make the contentEditable element behave like 'plaintext-only'.
+ */
+export declare const makeElementPlainTextContentEditable: (element: HTMLElement) => void;
+export declare const mapVerticalAlignToFlex: (verticalAlignmentValue: string | undefined) => "center" | "flex-end" | "flex-start";

package/dist/types/_vendors/schemas/utils.d.ts

@@ -0,0 +1,40 @@
+import { Color } from '../pdf-lib/index.js';
+import { Schema, Mode, ColorType } from '../common/index.js';
+import { IconNode } from 'lucide';
+export declare const convertForPdfLayoutProps: ({ schema, pageHeight, applyRotateTranslate, }: {
+    schema: Schema;
+    pageHeight: number;
+    applyRotateTranslate?: boolean;
+}) => {
+    position: {
+        x: number;
+        y: number;
+    };
+    height: number;
+    width: number;
+    rotate: import('../pdf-lib/index.js').Degrees;
+    opacity: number | undefined;
+};
+export declare const rotatePoint: (point: {
+    x: number;
+    y: number;
+}, pivot: {
+    x: number;
+    y: number;
+}, angleDegrees: number) => {
+    x: number;
+    y: number;
+};
+export declare const getDynamicHeightsForTable: (value: string, args: {
+    schema: Schema;
+    basePdf: import('../common/index.js').BasePdf;
+    options: import('../common/index.js').CommonOptions;
+    _cache: Map<string | number, unknown>;
+}) => Promise<number[]>;
+export declare const addAlphaToHex: (hex: string, alphaPercentage: number) => string;
+export declare const isEditable: (mode: Mode, schema: Schema) => boolean;
+export declare const hex2RgbColor: (hexString: string | undefined) => import('../pdf-lib/index.js').RGB | undefined;
+export declare const hex2PrintingColor: (color?: string | Color, colorType?: ColorType) => Color | undefined;
+export declare const readFile: (input: File | FileList | null) => Promise<string | ArrayBuffer>;
+export declare const createErrorElm: () => HTMLDivElement;
+export declare const createSvgStr: (icon: IconNode, attrs?: Record<string, string>) => string;

package/dist/types/_vendors/schemas/variableBarcode/helper.d.ts

@@ -0,0 +1,10 @@
+/** Regex matching only simple JS identifiers: {name}, {orderId} — not expressions like {a * 1.1} */
+export declare const SIMPLE_VAR_REGEX: RegExp;
+/**
+ * Scans `text` for all {...} blocks and extracts dot-notation paths.
+ * Handles both simple {varName} and nested {student.marks.sem1}.
+ * For nested paths, builds a default object structure with uppercased leaf values.
+ * Adds new variables, removes deleted ones.
+ * Returns true if anything changed.
+ */
+export declare function updateVariablesFromText(text: string, variables: Record<string, string>): boolean;

package/dist/types/_vendors/schemas/variableBarcode/index.d.ts

@@ -0,0 +1,6 @@
+import type { Plugin } from '../../common/index.js';
+import type { VariableBarcodeSchema } from './types.js';
+declare const variableBarcodes: Record<"qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix" | "pdf417", Plugin<VariableBarcodeSchema>>;
+export declare const dynamicQrCode: Plugin<VariableBarcodeSchema>;
+export declare const dynamicBarcode: Plugin<VariableBarcodeSchema>;
+export default variableBarcodes;

package/dist/types/_vendors/schemas/variableBarcode/pdfRender.d.ts

@@ -0,0 +1,3 @@
+import { PDFRenderProps } from '../../common/index.js';
+import type { VariableBarcodeSchema } from './types.js';
+export declare const pdfRender: (arg: PDFRenderProps<VariableBarcodeSchema>) => Promise<void>;

package/dist/types/_vendors/schemas/variableBarcode/propPanel.d.ts

@@ -0,0 +1,4 @@
+import type { PropPanel } from '../../common/index.js';
+import type { VariableBarcodeSchema } from './types.js';
+import type { BarcodeTypes } from '../barcodes/types.js';
+export declare const getPropPanelByType: (type: BarcodeTypes) => PropPanel<VariableBarcodeSchema>;

package/dist/types/_vendors/schemas/variableBarcode/types.d.ts

@@ -0,0 +1,7 @@
+import type { BarcodeSchema } from '../barcodes/types.js';
+export interface VariableBarcodeSchema extends BarcodeSchema {
+    /** Template string with {variable} placeholders and/or JS expressions. */
+    text: string;
+    /** Simple-identifier variable names extracted from text — drives form-mode inputs. */
+    variables: string[];
+}

package/dist/types/_vendors/schemas/variableBarcode/uiRender.d.ts

@@ -0,0 +1,3 @@
+import { UIRenderProps } from '../../common/index.js';
+import type { VariableBarcodeSchema } from './types.js';
+export declare const uiRender: (arg: UIRenderProps<VariableBarcodeSchema>) => Promise<void>;

package/dist/types/_vendors/ui/Designer.d.ts

@@ -0,0 +1,23 @@
+import { Template, DesignerProps } from '../common/index.js';
+import { BaseUIClass } from './class.js';
+declare class Designer extends BaseUIClass {
+    private root?;
+    private onSaveTemplateCallback?;
+    private onChangeTemplateCallback?;
+    private onPageChangeCallback?;
+    private pageCursor;
+    constructor(props: DesignerProps);
+    saveTemplate(): void;
+    updateTemplate(template: Template): void;
+    onSaveTemplate(cb: (template: Template) => void): void;
+    onChangeTemplate(cb: (template: Template) => void): void;
+    onPageChange(cb: (pageInfo: {
+        currentPage: number;
+        totalPages: number;
+    }) => void): void;
+    getPageCursor(): number;
+    getTotalPages(): number;
+    destroy(): void;
+    protected render(): void;
+}
+export default Designer;

package/dist/types/_vendors/ui/Form.d.ts

@@ -0,0 +1,26 @@
+import { PreviewProps } from '../common/index.js';
+import { PreviewUI } from './class.js';
+declare class Form extends PreviewUI {
+    private root?;
+    private onChangeInputCallback?;
+    private onPageChangeCallback?;
+    private pageCursor;
+    constructor(props: PreviewProps);
+    onChangeInput(cb: (arg: {
+        index: number;
+        value: string;
+        name: string;
+    }) => void): void;
+    onPageChange(cb: (pageInfo: {
+        currentPage: number;
+        totalPages: number;
+    }) => void): void;
+    getPageCursor(): number;
+    getTotalPages(): number;
+    destroy(): void;
+    setInputs(inputs: {
+        [key: string]: string;
+    }[]): void;
+    protected render(): void;
+}
+export default Form;

package/dist/types/_vendors/ui/Viewer.d.ts

@@ -0,0 +1,17 @@
+import { PreviewProps } from '../common/index.js';
+import { PreviewUI } from './class.js';
+declare class Viewer extends PreviewUI {
+    private root?;
+    private onPageChangeCallback?;
+    private pageCursor;
+    constructor(props: PreviewProps);
+    onPageChange(cb: (pageInfo: {
+        currentPage: number;
+        totalPages: number;
+    }) => void): void;
+    getPageCursor(): number;
+    getTotalPages(): number;
+    destroy(): void;
+    protected render(): void;
+}
+export default Viewer;

package/dist/types/_vendors/ui/class.d.ts

@@ -0,0 +1,89 @@
+import { Template, Size, UIProps, UIOptions, PluginRegistry, PreviewProps } from '../common/index.js';
+export declare abstract class BaseUIClass {
+    protected domContainer: HTMLElement | null;
+    protected template: Template;
+    protected size: Size;
+    private lang;
+    private font;
+    private pluginsRegistry;
+    private options;
+    private readonly setSize;
+    resizeObserver: ResizeObserver;
+    constructor(props: UIProps);
+    protected getLang(): "en" | "zh" | "ja" | "ko" | "ar" | "th" | "pl" | "it" | "de" | "es" | "fr";
+    protected getFont(): Record<string, {
+        data: string | ArrayBuffer | Uint8Array<ArrayBuffer>;
+        fallback?: boolean | undefined;
+        subset?: boolean | undefined;
+    }>;
+    protected getPluginsRegistry(): PluginRegistry;
+    getOptions(): UIOptions;
+    getTemplate(): {
+        [x: string]: unknown;
+        schemas: {
+            [x: string]: unknown;
+            name: string;
+            type: string;
+            position: {
+                x: number;
+                y: number;
+            };
+            width: number;
+            height: number;
+            content?: string | undefined;
+            rotate?: number | undefined;
+            opacity?: number | undefined;
+            readOnly?: boolean | undefined;
+            required?: boolean | undefined;
+            __bodyRange?: {
+                start: number;
+                end?: number | undefined;
+            } | undefined;
+            __isSplit?: boolean | undefined;
+        }[][];
+        basePdf: string | ArrayBuffer | Uint8Array<ArrayBuffer> | {
+            width: number;
+            height: number;
+            padding: [number, number, number, number];
+            staticSchema?: {
+                [x: string]: unknown;
+                name: string;
+                type: string;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                width: number;
+                height: number;
+                content?: string | undefined;
+                rotate?: number | undefined;
+                opacity?: number | undefined;
+                readOnly?: boolean | undefined;
+                required?: boolean | undefined;
+                __bodyRange?: {
+                    start: number;
+                    end?: number | undefined;
+                } | undefined;
+                __isSplit?: boolean | undefined;
+            }[] | undefined;
+        };
+        pdfmeVersion?: string | undefined;
+    };
+    updateTemplate(template: Template): void;
+    updateOptions(options: UIOptions): void;
+    destroy(): void;
+    protected abstract render(): void;
+}
+export declare abstract class PreviewUI extends BaseUIClass {
+    protected inputs: {
+        [key: string]: string;
+    }[];
+    constructor(props: PreviewProps);
+    getInputs(): {
+        [key: string]: string;
+    }[];
+    setInputs(inputs: {
+        [key: string]: string;
+    }[]): void;
+    protected abstract render(): void;
+}

package/dist/types/_vendors/ui/components/AppContextProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Font, Lang, UIOptions, PluginRegistry } from '../../common/index.js';
+type Props = {
+    children: React.ReactNode;
+    lang: Lang;
+    font: Font;
+    plugins: PluginRegistry;
+    options: UIOptions;
+};
+declare const AppContextProvider: ({ children, lang, font, plugins, options }: Props) => React.JSX.Element;
+export default AppContextProvider;

package/dist/types/_vendors/ui/components/CtlBar.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Size, BasePdf } from '../../common/index.js';
+type CtlBarProps = {
+    size: Size;
+    pageCursor: number;
+    pageNum: number;
+    setPageCursor: (page: number) => void;
+    zoomLevel: number;
+    setZoomLevel: (zoom: number) => void;
+    addPageAfter?: () => void;
+    removePage?: () => void;
+    clonePageAfter?: () => void;
+    basePdf?: BasePdf;
+    onChangePageSize?: (w: number, h: number) => void;
+    onChangePadding?: (padding: [number, number, number, number]) => void;
+};
+declare const CtlBar: (props: CtlBarProps) => React.JSX.Element;
+export default CtlBar;

package/dist/types/_vendors/ui/components/Designer/Canvas/Guides.d.ts

@@ -0,0 +1,9 @@
+import React, { Ref } from 'react';
+import GuidesComponent from '@scena/react-guides';
+import { Size } from '../../../../common/index.js';
+declare const _Guides: ({ paperSize, horizontalRef, verticalRef, }: {
+    paperSize: Size;
+    horizontalRef: Ref<GuidesComponent> | undefined;
+    verticalRef: Ref<GuidesComponent> | undefined;
+}) => React.JSX.Element;
+export default _Guides;

package/dist/types/_vendors/ui/components/Designer/Canvas/Mask.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Size } from '../../../../common/index.js';
+declare const Mask: ({ width, height }: Size) => React.JSX.Element;
+export default Mask;

package/dist/types/_vendors/ui/components/Designer/Canvas/Moveable.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import MoveableComponent, { OnDrag, OnRotate, OnRotateEnd, OnClick, OnResize } from 'react-moveable';
+type Props = {
+    target: HTMLElement[];
+    bounds: {
+        left: number;
+        top: number;
+        bottom: number;
+        right: number;
+    };
+    horizontalGuidelines: number[];
+    verticalGuidelines: number[];
+    keepRatio: boolean;
+    rotatable: boolean;
+    onDrag: ({ target, left, top }: OnDrag) => void;
+    onDragEnd: ({ target }: {
+        target: HTMLElement | SVGElement;
+    }) => void;
+    onDragGroupEnd: ({ targets }: {
+        targets: (HTMLElement | SVGElement)[];
+    }) => void;
+    onRotate: ({ target, rotate }: OnRotate) => void;
+    onRotateEnd: ({ target }: OnRotateEnd) => void;
+    onRotateGroupEnd: ({ targets }: {
+        targets: (HTMLElement | SVGElement)[];
+    }) => void;
+    onResize: ({ target, width, height, direction }: OnResize) => void;
+    onResizeEnd: ({ target }: {
+        target: HTMLElement | SVGElement;
+    }) => void;
+    onResizeGroupEnd: ({ targets }: {
+        targets: (HTMLElement | SVGElement)[];
+    }) => void;
+    onClick: (e: OnClick) => void;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<MoveableComponent<{}>>>;
+export default _default;

package/dist/types/_vendors/ui/components/Designer/Canvas/Padding.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BasePdf } from '../../../../common/index.js';
+declare const Padding: ({ basePdf }: {
+    basePdf: BasePdf;
+}) => React.JSX.Element;
+export default Padding;

package/dist/types/_vendors/ui/components/Designer/Canvas/Selecto.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { OnSelect as SelectoOnSelect, OnDragStart as SelectoOnDragStart } from 'react-selecto';
+type Props = {
+    container: HTMLElement | null;
+    continueSelect: boolean;
+    onDragStart: (e: SelectoOnDragStart) => void;
+    onSelect: (e: SelectoOnSelect) => void;
+};
+declare const Selecto: (props: Props) => React.JSX.Element;
+export default Selecto;

package/dist/types/_vendors/ui/components/Designer/Canvas/index.d.ts

@@ -0,0 +1,22 @@
+import React, { MutableRefObject } from 'react';
+import { SchemaForUI, Size, ChangeSchemas, BasePdf } from '../../../../common/index.js';
+interface Props {
+    basePdf: BasePdf;
+    height: number;
+    hoveringSchemaId: string | null;
+    onChangeHoveringSchemaId: (id: string | null) => void;
+    pageCursor: number;
+    schemasList: SchemaForUI[][];
+    scale: number;
+    backgrounds: string[];
+    pageSizes: Size[];
+    size: Size;
+    activeElements: HTMLElement[];
+    onEdit: (targets: HTMLElement[]) => void;
+    changeSchemas: ChangeSchemas;
+    removeSchemas: (ids: string[]) => void;
+    paperRefs: MutableRefObject<HTMLDivElement[]>;
+    sidebarOpen: boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/types/_vendors/ui/components/Designer/LeftSidebar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BasePdf } from '../../../common/index.js';
+declare const LeftSidebar: ({ height, scale, basePdf, }: {
+    height: number;
+    scale: number;
+    basePdf: BasePdf;
+}) => React.JSX.Element;
+export default LeftSidebar;

package/dist/types/_vendors/ui/components/Designer/PluginIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Plugin, Schema } from '../../../common/index.js';
+interface PluginIconProps {
+    plugin: Plugin<Schema>;
+    label: string;
+    size?: number;
+    styles?: React.CSSProperties;
+}
+declare const PluginIcon: (props: PluginIconProps) => React.JSX.Element;
+export default PluginIcon;