art-bd-ui 1.0.21 → 1.0.23

package/dist/esm/components/ui/date-pickers/date-range-picker/date-range-picker.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, useMemo, useImperativeHandle } from 'react';
+import { TimePicker } from '../time-picker/time-picker.js';
+import { Calendar } from '../../calendar/calendar.js';
+import { Popover, PopoverTrigger, PopoverContent } from '../../../popovers/popover/popover.js';
+import { Button } from '../../../buttons/button/button.js';
+import { cn } from '../../../../lib/utils.js';
+import { Flex } from '../../../layout/flex/flex.js';
+import { Text } from '../../../typography/text/text.js';
+import { formatDate as format } from '../../../../node_modules/date-fns/format.js';
+import { uk } from '../../../../node_modules/date-fns/locale/uk.js';
+import { enUS } from '../../../../node_modules/date-fns/locale/en-US.js';
+
+const setDefaultTime = (date) => new Date(date.setHours(0, 0, 0, 0));
+const getDate = (date) => date || setDefaultTime(new Date());
+const getDateFnsLocale = (locale) => (locale === "ua" ? uk : enUS);
+const DateRangePicker = forwardRef(({ value: range, onChange, granularity = "day", hourCycle = 24, locale = "en", placeholder = "Select date range", className, numberOfMonths = 1, }, ref) => {
+    const buttonRef = useRef(null);
+    const [hoveredDate, setHoveredDate] = useState(null);
+    const loc = getDateFnsLocale(locale);
+    const displayValue = (range === null || range === void 0 ? void 0 : range.from) && (range === null || range === void 0 ? void 0 : range.to)
+        ? `${format(range.from, "PPP", { locale: loc })} - ${format(range.to, "PPP", { locale: loc })}`
+        : placeholder;
+    const modifiers = useMemo(() => ({
+        hoverRange: (range === null || range === void 0 ? void 0 : range.from) && hoveredDate ? { from: range.from, to: hoveredDate } : undefined,
+    }), [hoveredDate, range === null || range === void 0 ? void 0 : range.from, range === null || range === void 0 ? void 0 : range.to]);
+    useImperativeHandle(ref, () => ({
+        value: range,
+        focus: () => { var _a; return (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+    }), [range]);
+    return (jsxs(Popover, { children: [jsx(PopoverTrigger, { asChild: true, children: jsx(Button, { ref: buttonRef, variant: "outline", leftIcon: "calendar", className: cn("w-full justify-start text-left font-normal", !(range === null || range === void 0 ? void 0 : range.from) && "text-muted-foreground", className), children: displayValue }) }), jsxs(PopoverContent, { className: "w-auto p-0 relative", children: [jsx(Calendar, { mode: "range", selected: range, onSelect: onChange, numberOfMonths: numberOfMonths, locale: loc, required: true, onDayMouseEnter: setHoveredDate, onDayMouseLeave: () => setHoveredDate(null), modifiers: modifiers }), granularity !== "day" && (jsxs(Flex, { direction: "col", gap: 4, className: "border-t border-border p-3", children: [jsxs(Flex, { direction: "col", gap: 1, children: [jsx(Text, { children: "Start time" }), jsx(TimePicker, { value: range === null || range === void 0 ? void 0 : range.from, onChange: (value) => {
+                                            if (value) {
+                                                onChange === null || onChange === void 0 ? void 0 : onChange({
+                                                    from: value,
+                                                    to: getDate(range === null || range === void 0 ? void 0 : range.to),
+                                                });
+                                            }
+                                            else {
+                                                onChange === null || onChange === void 0 ? void 0 : onChange({
+                                                    from: getDate(range === null || range === void 0 ? void 0 : range.from),
+                                                    to: getDate(range === null || range === void 0 ? void 0 : range.to),
+                                                });
+                                            }
+                                        }, hourCycle: hourCycle, granularity: granularity })] }), jsxs(Flex, { direction: "col", gap: 1, children: [jsx(Text, { children: "End time" }), jsx(TimePicker, { value: range === null || range === void 0 ? void 0 : range.to, onChange: (value) => {
+                                            if (value) {
+                                                onChange === null || onChange === void 0 ? void 0 : onChange({
+                                                    from: getDate(range === null || range === void 0 ? void 0 : range.from),
+                                                    to: value,
+                                                });
+                                            }
+                                            else {
+                                                onChange === null || onChange === void 0 ? void 0 : onChange({
+                                                    from: getDate(range === null || range === void 0 ? void 0 : range.from),
+                                                    to: getDate(range === null || range === void 0 ? void 0 : range.to),
+                                                });
+                                            }
+                                        }, hourCycle: hourCycle, granularity: granularity })] })] }))] })] }));
+});
+DateRangePicker.displayName = "DateRangePicker";
+
+export { DateRangePicker };

package/dist/esm/components/ui/date-pickers/date-time-picker/date-time-picker.js

@@ -7,10 +7,10 @@ import { Calendar } from '../../calendar/calendar.js';
 import { cn } from '../../../../lib/utils.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../../../popovers/popover/popover.js';
 import { Button } from '../../../buttons/button/button.js';
-import { uk } from '../../../../node_modules/date-fns/locale/uk.js';
-import { enUS } from '../../../../node_modules/date-fns/locale/en-US.js';
 import { add } from '../../../../node_modules/date-fns/add.js';
 import { formatDate as format } from '../../../../node_modules/date-fns/format.js';
+import { uk } from '../../../../node_modules/date-fns/locale/uk.js';
+import { enUS } from '../../../../node_modules/date-fns/locale/en-US.js';
 
 const getDateFnsLocale = (locale) => (locale === "ua" ? uk : enUS);
 const DateTimePicker = forwardRef((_a, ref) => {

package/dist/esm/components/ui/pdf-content/hooks/use-page-layout.js

@@ -0,0 +1,47 @@
+import { useRef, useState, useCallback, useMemo } from 'react';
+
+const DEFAULT_PAGE_HEIGHT = 800;
+const PAGE_GAP = 16;
+function usePageLayout({ numPages, scale }) {
+    const pageDims = useRef(new Map());
+    // Bumped when page measurements change so memoized offsets recompute.
+    const [layoutVersion, setLayoutVersion] = useState(0);
+    const onPageMeasured = useCallback((page, dims) => {
+        const prev = pageDims.current.get(page);
+        if (prev && Math.abs(prev.height - dims.height) < 1 && Math.abs(prev.width - dims.width) < 1)
+            return;
+        pageDims.current.set(page, dims);
+        setLayoutVersion((v) => v + 1);
+    }, []);
+    const estimatePageHeight = useCallback((page) => {
+        const measured = pageDims.current.get(page);
+        if (measured)
+            return measured.height;
+        // Use nearest known height as a better estimate
+        for (const [, dim] of pageDims.current)
+            return dim.height;
+        return DEFAULT_PAGE_HEIGHT * scale;
+    }, [scale]);
+    const pageOffsets = useMemo(() => {
+        const offsets = [];
+        let y = 0;
+        for (let i = 0; i < numPages; i++) {
+            offsets.push(y);
+            y += estimatePageHeight(i + 1) + PAGE_GAP;
+        }
+        return offsets;
+        // layoutVersion is intentionally included to recompute when measurements change
+    }, [numPages, estimatePageHeight, layoutVersion]);
+    const totalHeight = useMemo(() => {
+        if (numPages === 0 || pageOffsets.length === 0)
+            return 0;
+        return pageOffsets[numPages - 1] + estimatePageHeight(numPages);
+    }, [numPages, pageOffsets, estimatePageHeight]);
+    const resetLayout = useCallback(() => {
+        pageDims.current.clear();
+        setLayoutVersion(0);
+    }, []);
+    return { pageOffsets, totalHeight, estimatePageHeight, onPageMeasured, resetLayout };
+}
+
+export { usePageLayout };

package/dist/esm/components/ui/pdf-content/hooks/use-pdf-scale.js

@@ -0,0 +1,21 @@
+import { useState, useCallback, useEffect } from 'react';
+import { clamp } from '../utils.js';
+
+function usePdfScale({ initialScale, minScale, maxScale, onScaleChange }) {
+    const [scale, setScaleState] = useState(initialScale);
+    const setScale = useCallback((next) => {
+        setScaleState((prev) => {
+            const raw = typeof next === "function" ? next(prev) : next;
+            const clamped = clamp(Number(raw.toFixed(2)), minScale, maxScale);
+            if (clamped === prev)
+                return prev;
+            return clamped;
+        });
+    }, [minScale, maxScale]);
+    useEffect(() => {
+        onScaleChange === null || onScaleChange === void 0 ? void 0 : onScaleChange(scale);
+    }, [scale, onScaleChange]);
+    return { scale, setScale };
+}
+
+export { usePdfScale };

package/dist/esm/components/ui/pdf-content/hooks/use-virtual-pages.js

@@ -0,0 +1,88 @@
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import { useRafThrottle } from '../../../../hooks/use-raf-throttle.js';
+
+const OVERSCAN = 2;
+/**
+ * Binary-search for the last offset index whose value is <= target.
+ * `offsets` is a sorted array of cumulative page-top positions.
+ */
+function bisectRight(offsets, target) {
+    let lo = 0;
+    let hi = offsets.length - 1;
+    while (lo < hi) {
+        const mid = (lo + hi + 1) >>> 1;
+        if (offsets[mid] <= target)
+            lo = mid;
+        else
+            hi = mid - 1;
+    }
+    return lo;
+}
+/**
+ * Find the page whose center is closest to the viewport center.
+ */
+function findMostVisiblePage(first, last, viewportMid, pageOffsets, estimatePageHeight) {
+    let bestPage = first + 1;
+    let bestDist = Number.POSITIVE_INFINITY;
+    for (let i = first; i <= last; i++) {
+        const pageH = estimatePageHeight(i + 1);
+        const pageMid = pageOffsets[i] + pageH / 2;
+        const dist = Math.abs(viewportMid - pageMid);
+        if (dist < bestDist) {
+            bestDist = dist;
+            bestPage = i + 1;
+        }
+    }
+    return bestPage;
+}
+function useVirtualPages({ containerRef, numPages, pageOffsets, estimatePageHeight, scale }) {
+    const [visibleRange, setVisibleRange] = useState([1, 1]);
+    const [visiblePage, setVisiblePage] = useState(1);
+    const computeVisibleRange = useCallback(() => {
+        const container = containerRef.current;
+        if (!container || numPages === 0)
+            return;
+        const { scrollTop, clientHeight } = container;
+        const first = Math.max(0, bisectRight(pageOffsets, scrollTop));
+        let last = first;
+        const bottomEdge = scrollTop + clientHeight;
+        while (last < numPages - 1 && pageOffsets[last + 1] <= bottomEdge) {
+            last++;
+        }
+        const firstPage = first + 1;
+        const lastPage = last + 1;
+        setVisibleRange((prev) => {
+            if (prev[0] === firstPage && prev[1] === lastPage)
+                return prev;
+            return [firstPage, lastPage];
+        });
+        const viewportMid = scrollTop + clientHeight / 2;
+        const bestPage = findMostVisiblePage(first, last, viewportMid, pageOffsets, estimatePageHeight);
+        setVisiblePage((prev) => (prev === bestPage ? prev : bestPage));
+    }, [containerRef, numPages, pageOffsets, estimatePageHeight]);
+    // Recompute visible range when scale changes (page heights change)
+    useEffect(() => {
+        computeVisibleRange();
+    }, [scale, computeVisibleRange]);
+    const onScroll = useRafThrottle(computeVisibleRange);
+    const renderedPages = useMemo(() => {
+        if (numPages === 0)
+            return [];
+        const [first, last] = visibleRange;
+        const start = Math.max(1, first - OVERSCAN);
+        const end = Math.min(numPages, last + OVERSCAN);
+        const pages = [];
+        for (let p = start; p <= end; p++)
+            pages.push(p);
+        if (pages.length === 0)
+            pages.push(1);
+        return pages;
+    }, [visibleRange, numPages]);
+    const resetVirtualState = useCallback(() => {
+        setVisibleRange([1, 1]);
+        setVisiblePage(1);
+    }, []);
+    return { visiblePage, renderedPages, onScroll, resetVirtualState };
+}
+
+export { useVirtualPages };

package/dist/esm/components/ui/pdf-content/pdf-content.js

@@ -0,0 +1,88 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, useEffect, useCallback, useImperativeHandle } from 'react';
+import '../../../node_modules/react-pdf/dist/index.js';
+import '../../../node_modules/react-pdf/dist/Page/AnnotationLayer.css.js';
+import '../../../node_modules/react-pdf/dist/Page/TextLayer.css.js';
+import { PDFPage } from './pdf-page.js';
+import { usePdfScale } from './hooks/use-pdf-scale.js';
+import { usePageLayout } from './hooks/use-page-layout.js';
+import { useVirtualPages } from './hooks/use-virtual-pages.js';
+import { clamp } from './utils.js';
+import { EmptyState, EmptyMedia, EmptyHeader, EmptyTitle, EmptyDescription } from '../../utility/empty/empty.js';
+import { Icon } from '../../media/icon/icon.js';
+import { Skeleton } from '../../utility/skeleton/skeleton.js';
+import { useResizeObserver } from '../../../hooks/use-resize-observer.js';
+import Document from '../../../node_modules/react-pdf/dist/Document.js';
+import { GlobalWorkerOptions } from '../../../node_modules/pdfjs-dist/build/pdf.js';
+
+GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();
+const PAGE_GAP = 16;
+function PDFSkeleton() {
+    return (jsxs("div", { className: "flex flex-col gap-4 p-6", children: [jsx(Skeleton, { className: "h-6 w-1/3" }), jsx(Skeleton, { className: "h-4 w-3/4" }), jsx(Skeleton, { className: "h-4 w-full" }), jsx(Skeleton, { className: "h-4 w-5/6" }), jsx(Skeleton, { className: "h-4 w-2/3" }), jsx(Skeleton, { className: "h-4 w-full" }), jsx(Skeleton, { className: "h-4 w-4/5" })] }));
+}
+function PDFEmptyState({ icon, title, description }) {
+    return (jsxs(EmptyState, { className: "py-12", children: [jsx(EmptyMedia, { variant: "icon", children: jsx(Icon, { name: icon }) }), jsxs(EmptyHeader, { children: [jsx(EmptyTitle, { children: title }), jsx(EmptyDescription, { children: description })] })] }));
+}
+const PDFContent = forwardRef(function PDFContent({ file, renderTextLayer = true, renderAnnotationLayer = true, initialScale = 1, minScale = 0.5, maxScale = 3, height, onDocumentLoad, onPageChange, onScaleChange, }, ref) {
+    var _a;
+    const containerRef = useRef(null);
+    const rect = useResizeObserver(containerRef);
+    const containerWidth = (_a = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _a !== void 0 ? _a : 0;
+    const [numPages, setNumPages] = useState(0);
+    const { scale, setScale } = usePdfScale({ initialScale, minScale, maxScale, onScaleChange });
+    const { pageOffsets, totalHeight, estimatePageHeight, onPageMeasured, resetLayout } = usePageLayout({
+        numPages,
+        scale,
+    });
+    const { visiblePage, renderedPages, onScroll, resetVirtualState } = useVirtualPages({
+        containerRef,
+        numPages,
+        pageOffsets,
+        estimatePageHeight,
+        scale,
+    });
+    // Notify parent of page changes
+    useEffect(() => {
+        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(visiblePage);
+    }, [visiblePage, onPageChange]);
+    // Imperative scrollToPage
+    const scrollToPage = useCallback((page) => {
+        var _a;
+        const safe = clamp(Number.isFinite(page) ? page : 1, 1, Math.max(1, numPages));
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const top = (_a = pageOffsets[safe - 1]) !== null && _a !== void 0 ? _a : 0;
+        container.scrollTo({
+            top: Math.max(0, top - PAGE_GAP),
+            behavior: "smooth",
+        });
+    }, [numPages, pageOffsets]);
+    // Expose imperative API
+    useImperativeHandle(ref, () => ({
+        scrollToPage,
+        getState: () => ({
+            currentPage: visiblePage,
+            numPages,
+            scale,
+        }),
+        setScale,
+    }), [scrollToPage, visiblePage, numPages, scale, setScale]);
+    // Reset state when document changes
+    useEffect(() => {
+        resetLayout();
+        resetVirtualState();
+        setNumPages(0);
+    }, [file, resetLayout, resetVirtualState]);
+    // Document load handler
+    const handleDocumentLoad = useCallback((pdf) => {
+        setNumPages(pdf.numPages);
+        onDocumentLoad === null || onDocumentLoad === void 0 ? void 0 : onDocumentLoad(pdf.numPages);
+    }, [onDocumentLoad]);
+    return (jsx("div", { ref: containerRef, "data-pdf-stage": "root", className: "relative overflow-auto bg-muted/40", style: { height }, onScroll: onScroll, children: jsx(Document, { file: file, onLoadSuccess: handleDocumentLoad, loading: jsx(PDFSkeleton, {}), error: jsx(PDFEmptyState, { icon: "alert-circle", title: "Failed to load PDF", description: "The PDF file could not be loaded." }), noData: jsx(PDFEmptyState, { icon: "file-text", title: "No PDF to display", description: "Provide a PDF file to preview it here." }), children: jsx("div", { className: "relative", style: { height: totalHeight }, children: renderedPages.map((pageNumber) => {
+                    var _a;
+                    return (jsx(PDFPage, { pageNumber: pageNumber, offsetY: (_a = pageOffsets[pageNumber - 1]) !== null && _a !== void 0 ? _a : 0, containerWidth: containerWidth, scale: scale, renderTextLayer: renderTextLayer, renderAnnotationLayer: renderAnnotationLayer, placeholderHeight: estimatePageHeight(pageNumber), onMeasured: onPageMeasured }, pageNumber));
+                }) }) }) }));
+});
+
+export { PDFContent };

package/dist/esm/components/ui/pdf-content/pdf-page.js

@@ -0,0 +1,18 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import '../../../node_modules/react-pdf/dist/index.js';
+import { Skeleton } from '../../utility/skeleton/skeleton.js';
+import Page from '../../../node_modules/react-pdf/dist/Page.js';
+
+function PDFPage({ pageNumber, offsetY, containerWidth, scale, renderTextLayer, renderAnnotationLayer, placeholderHeight, onMeasured, }) {
+    const wrapRef = useRef(null);
+    const width = containerWidth > 0 ? containerWidth : undefined;
+    return (jsx("div", { ref: wrapRef, "data-page-num": pageNumber, className: "absolute inset-x-0 flex will-change-transform justify-center", style: { transform: `translateY(${offsetY}px)` }, children: jsx(Page, { pageNumber: pageNumber, width: width, scale: scale, renderTextLayer: renderTextLayer, renderAnnotationLayer: renderAnnotationLayer, onRenderSuccess: () => {
+                const el = wrapRef.current;
+                if (!el)
+                    return;
+                onMeasured(pageNumber, { width: el.offsetWidth, height: el.offsetHeight });
+            }, loading: jsxs("div", { className: "flex w-full flex-col gap-3 p-6", style: { height: placeholderHeight }, children: [jsx(Skeleton, { className: "h-4 w-3/4" }), jsx(Skeleton, { className: "h-4 w-full" }), jsx(Skeleton, { className: "h-4 w-5/6" }), jsx(Skeleton, { className: "h-4 w-2/3" }), jsx(Skeleton, { className: "h-4 w-full" }), jsx(Skeleton, { className: "h-4 w-4/5" })] }) }) }));
+}
+
+export { PDFPage };

package/dist/esm/components/ui/pdf-content/utils.js

@@ -0,0 +1,5 @@
+function clamp(n, min, max) {
+    return Math.max(min, Math.min(max, n));
+}
+
+export { clamp };

package/dist/esm/components/ui/pdf-viewer/pdf-field-types.js

@@ -0,0 +1,140 @@
+import '../../../node_modules/tslib/tslib.es6.js';
+import '../../../node_modules/pdf-lib/es/api/colors.js';
+import '../../../node_modules/pdf-lib/es/api/operators.js';
+import '../../../node_modules/pdf-lib/es/api/rotations.js';
+import '../../../node_modules/pdf-lib/es/core/errors.js';
+import '../../../node_modules/pdf-lib/es/core/syntax/CharCodes.js';
+import '../../../node_modules/pdf-lib/es/core/PDFContext.js';
+import '../../../node_modules/pdf-lib/es/core/PDFObjectCopier.js';
+import '../../../node_modules/pdf-lib/es/core/writers/PDFWriter.js';
+import '../../../node_modules/pdf-lib/es/core/writers/PDFStreamWriter.js';
+import '../../../node_modules/pdf-lib/es/core/document/PDFHeader.js';
+import '../../../node_modules/pdf-lib/es/core/document/PDFTrailer.js';
+import '../../../node_modules/pdf-lib/es/core/document/PDFTrailerDict.js';
+import '../../../node_modules/pdf-lib/es/core/document/PDFCrossRefSection.js';
+import '../../../node_modules/pdf-lib/es/core/embedders/StandardFontEmbedder.js';
+import '../../../node_modules/pdf-lib/es/core/embedders/CustomFontEmbedder.js';
+import '../../../node_modules/pdf-lib/es/core/embedders/CustomFontSubsetEmbedder.js';
+import '../../../node_modules/pdf-lib/es/core/embedders/FileEmbedder.js';
+import '../../../node_modules/pdf-lib/es/core/embedders/JpegEmbedder.js';
+import '../../../node_modules/pdf-lib/es/core/embedders/PngEmbedder.js';
+import '../../../node_modules/pdf-lib/es/core/embedders/PDFPageEmbedder.js';
+import '../../../node_modules/pdf-lib/es/core/interactive/ViewerPreferences.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFObject.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFBool.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFNumber.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFString.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFHexString.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFName.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFNull.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFArray.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFDict.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFRef.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFInvalidObject.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFStream.js';
+import '../../../node_modules/pdf-lib/es/core/objects/PDFRawStream.js';
+import '../../../node_modules/pdf-lib/es/core/structures/PDFCatalog.js';
+import '../../../node_modules/pdf-lib/es/core/structures/PDFContentStream.js';
+import '../../../node_modules/pdf-lib/es/core/structures/PDFCrossRefStream.js';
+import '../../../node_modules/pdf-lib/es/core/structures/PDFObjectStream.js';
+import '../../../node_modules/pdf-lib/es/core/structures/PDFPageTree.js';
+import '../../../node_modules/pdf-lib/es/core/structures/PDFPageLeaf.js';
+import '../../../node_modules/pdf-lib/es/core/structures/PDFFlateStream.js';
+import '../../../node_modules/pdf-lib/es/core/operators/PDFOperator.js';
+import '../../../node_modules/pdf-lib/es/core/operators/PDFOperatorNames.js';
+import '../../../node_modules/pdf-lib/es/core/parser/PDFObjectParser.js';
+import '../../../node_modules/pdf-lib/es/core/parser/PDFObjectStreamParser.js';
+import '../../../node_modules/pdf-lib/es/core/parser/PDFParser.js';
+import '../../../node_modules/pdf-lib/es/core/parser/PDFXRefStreamParser.js';
+import '../../../node_modules/pdf-lib/es/core/streams/Ascii85Stream.js';
+import '../../../node_modules/pdf-lib/es/core/streams/AsciiHexStream.js';
+import '../../../node_modules/pdf-lib/es/core/streams/FlateStream.js';
+import '../../../node_modules/pdf-lib/es/core/streams/LZWStream.js';
+import '../../../node_modules/pdf-lib/es/core/streams/RunLengthStream.js';
+import '../../../node_modules/pdf-lib/es/core/streams/Stream.js';
+import '../../../node_modules/pdf-lib/es/core/annotation/PDFAnnotation.js';
+import '../../../node_modules/pdf-lib/es/core/annotation/PDFWidgetAnnotation.js';
+import '../../../node_modules/pdf-lib/es/core/annotation/AppearanceCharacteristics.js';
+import '../../../node_modules/pdf-lib/es/core/annotation/flags.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroButton.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroCheckBox.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroChoice.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroComboBox.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroField.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroForm.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroListBox.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroNonTerminal.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroPushButton.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroRadioButton.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroSignature.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroTerminal.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/PDFAcroText.js';
+import '../../../node_modules/pdf-lib/es/core/acroform/flags.js';
+import '../../../node_modules/pdf-lib/es/api/errors.js';
+import '../../../node_modules/pdf-lib/es/api/text/alignment.js';
+import '../../../node_modules/pdf-lib/es/utils/base64.js';
+import '../../../node_modules/pdf-lib/es/utils/unicode.js';
+import '../../../node_modules/pdf-lib/es/utils/objects.js';
+import '../../../node_modules/pdf-lib/es/utils/pdfDocEncoding.js';
+import '../../../node_modules/pdf-lib/es/utils/Cache.js';
+import '../../../node_modules/pdf-lib/es/api/form/PDFButton.js';
+import PDFCheckBox from '../../../node_modules/pdf-lib/es/api/form/PDFCheckBox.js';
+import PDFDropdown from '../../../node_modules/pdf-lib/es/api/form/PDFDropdown.js';
+import '../../../node_modules/pdf-lib/es/api/form/PDFField.js';
+import '../../../node_modules/pdf-lib/es/api/form/PDFForm.js';
+import PDFOptionList from '../../../node_modules/pdf-lib/es/api/form/PDFOptionList.js';
+import PDFRadioGroup from '../../../node_modules/pdf-lib/es/api/form/PDFRadioGroup.js';
+import PDFSignature from '../../../node_modules/pdf-lib/es/api/form/PDFSignature.js';
+import PDFTextField from '../../../node_modules/pdf-lib/es/api/form/PDFTextField.js';
+import '../../../node_modules/pdf-lib/es/api/image/alignment.js';
+import '../../../node_modules/pdf-lib/es/api/PDFPageOptions.js';
+import '../../../node_modules/pdf-lib/es/api/PDFDocumentOptions.js';
+import '../../../node_modules/pdf-lib/es/api/StandardFonts.js';
+import '../../../node_modules/pdf-lib/es/api/PDFDocument.js';
+import '../../../node_modules/pdf-lib/es/api/PDFFont.js';
+import '../../../node_modules/pdf-lib/es/api/PDFImage.js';
+import '../../../node_modules/pdf-lib/es/api/PDFPage.js';
+import '../../../node_modules/pdf-lib/es/api/PDFEmbeddedPage.js';
+import '../../../node_modules/pdf-lib/es/api/PDFJavaScript.js';
+
+/**
+ * Detects the PDF form field type using pdf-lib field classes.
+ * Use this in both UI (e.g. building forms from a PDF) and when applying form data.
+ */
+function getPDFFieldType(field) {
+    if (field instanceof PDFTextField)
+        return "text";
+    if (field instanceof PDFCheckBox)
+        return "checkbox";
+    if (field instanceof PDFDropdown)
+        return "dropdown";
+    if (field instanceof PDFRadioGroup)
+        return "radio";
+    if (field instanceof PDFOptionList)
+        return "optionList";
+    if (field instanceof PDFSignature)
+        return "signature";
+    return "unknown";
+}
+/**
+ * Returns type and optional options (for dropdown, radio, optionList).
+ * Use when you need both type and options in one call.
+ */
+function getPDFFieldInfo(field) {
+    var _a;
+    const type = getPDFFieldType(field);
+    const info = { type };
+    const withOptions = field;
+    if ((type === "dropdown" || type === "radio" || type === "optionList") && typeof withOptions.getOptions === "function") {
+        info.options = (_a = withOptions.getOptions()) !== null && _a !== void 0 ? _a : [];
+    }
+    return info;
+}
+/**
+ * Returns field name plus type and options. Convenient for building UI from PDF form fields.
+ */
+function getPdfFieldInfoWithName(field) {
+    return Object.assign({ name: field.getName() }, getPDFFieldInfo(field));
+}
+
+export { getPDFFieldInfo, getPDFFieldType, getPdfFieldInfoWithName };

package/dist/esm/components/ui/pdf-viewer/pdf-viewer.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useCallback } from 'react';
+import { Toolbar } from './toolbar.js';
+import { PDFContent } from '../pdf-content/pdf-content.js';
+import { useFilledPdf } from './use-filled-pdf.js';
+import { clamp } from '../pdf-content/utils.js';
+import { cn } from '../../../lib/utils.js';
+import { saveFile, printBlob } from '../../../utils/file.js';
+
+function PDFViewer({ file, formData, flatten = true, initialScale = 1, minScale = 0.5, maxScale = 3, scaleStep = 0.1, renderTextLayer = true, renderAnnotationLayer = true, className, style, height = 640, }) {
+    const contentRef = useRef(null);
+    const [scale, setScale] = useState(initialScale);
+    const [numPages, setNumPages] = useState(0);
+    const [visiblePage, setVisiblePage] = useState(1);
+    const { pdfBlob, isProcessing } = useFilledPdf({
+        file,
+        formData,
+        flatten,
+    });
+    const goToPage = useCallback((p) => {
+        var _a;
+        const safe = clamp(Number.isFinite(p) ? p : 1, 1, Math.max(1, numPages));
+        (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.scrollToPage(safe);
+    }, [numPages]);
+    const zoomIn = useCallback(() => { var _a; return (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.setScale((s) => s + scaleStep); }, [scaleStep]);
+    const zoomOut = useCallback(() => { var _a; return (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.setScale((s) => s - scaleStep); }, [scaleStep]);
+    const prev = useCallback(() => goToPage(visiblePage - 1), [goToPage, visiblePage]);
+    const next = useCallback(() => goToPage(visiblePage + 1), [goToPage, visiblePage]);
+    const handleDocumentLoad = useCallback((pages) => {
+        setNumPages(pages);
+        setVisiblePage((p) => clamp(p, 1, pages));
+    }, []);
+    const download = useCallback(() => {
+        if (!pdfBlob)
+            return;
+        saveFile("document.pdf", pdfBlob);
+    }, [pdfBlob]);
+    const print = useCallback(() => {
+        if (!pdfBlob)
+            return;
+        printBlob(pdfBlob);
+    }, [pdfBlob]);
+    return (jsxs("div", { className: cn("flex flex-col overflow-hidden rounded-xl border", className), style: style, children: [jsx(Toolbar, { scale: scale, minScale: minScale, maxScale: maxScale, onZoomIn: zoomIn, onZoomOut: zoomOut, pageNumber: visiblePage, numPages: numPages, onPageChange: goToPage, onPrev: prev, onNext: next, canDownload: !isProcessing, onDownload: download, canPrint: !isProcessing, onPrint: print, isBusy: isProcessing }), jsx(PDFContent, { ref: contentRef, file: pdfBlob, initialScale: initialScale, minScale: minScale, maxScale: maxScale, renderTextLayer: renderTextLayer, renderAnnotationLayer: renderAnnotationLayer, onDocumentLoad: handleDocumentLoad, onPageChange: setVisiblePage, onScaleChange: setScale, height: height })] }));
+}
+
+export { PDFViewer };

package/dist/esm/components/ui/pdf-viewer/pdf-worker-client.js

@@ -0,0 +1,21 @@
+import '../../../node_modules/tslib/tslib.es6.js';
+import { wrap } from '../../../node_modules/comlink/dist/esm/comlink.js';
+
+let worker = null;
+let api = null;
+function canUseWorker() {
+    return typeof window !== "undefined" && typeof Worker !== "undefined";
+}
+function getPDFWorkerApi() {
+    if (!canUseWorker())
+        return null;
+    if (api)
+        return api;
+    worker = new Worker(new URL("./pdf.worker.ts", import.meta.url), {
+        type: "module",
+    });
+    api = wrap(worker);
+    return api;
+}
+
+export { getPDFWorkerApi };

package/dist/esm/components/ui/pdf-viewer/toolbar.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '../../buttons/button/button.js';
+import { Input } from '../../forms/input/input.js';
+import { Separator } from '../../utility/separator/separator.js';
+
+function Toolbar({ scale, minScale, maxScale, onZoomIn, onZoomOut, pageNumber, numPages, onPageChange, onPrev, onNext, canDownload, onDownload, canPrint, onPrint, isBusy, }) {
+    const scalePct = Math.round(scale * 100);
+    return (jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b bg-background px-3 py-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onZoomOut, disabled: isBusy || scale <= minScale, children: "\u2212" }), jsxs("div", { className: "min-w-[64px] text-center text-sm tabular-nums text-muted-foreground", children: [scalePct, "%"] }), jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onZoomIn, disabled: isBusy || scale >= maxScale, children: "+" })] }), jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onPrev, disabled: isBusy || numPages === 0 || pageNumber <= 1, children: "Prev" }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Input, { className: "h-9 w-[72px] tabular-nums", type: "number", inputMode: "numeric", min: 1, max: Math.max(1, numPages), value: numPages ? pageNumber : "", onChange: (e) => onPageChange(Number(e.target.value || 1)), disabled: isBusy || numPages === 0 }), jsxs("span", { className: "text-sm text-muted-foreground tabular-nums", children: ["/ ", numPages || "—"] })] }), jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onNext, disabled: isBusy || numPages === 0 || pageNumber >= numPages, children: "Next" })] }), jsx("div", { className: "flex-1" }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onDownload, disabled: isBusy || !canDownload, children: "Download" }), jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onPrint, disabled: isBusy || !canPrint, children: "Print" })] })] }));
+}
+
+export { Toolbar };