art-bd-ui 1.0.21 → 1.0.23

package/dist/cjs/_virtual/common.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var common = {};
+
+exports.__exports = common;

package/dist/cjs/_virtual/dayjs.min.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var dayjs_min = require('../node_modules/dayjs/dayjs.min.js');
+
+var dayjs_minExports = dayjs_min.__require();
+var dayjs = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(dayjs_minExports);
+
+exports.default = dayjs;

package/dist/cjs/_virtual/dayjs.min2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var dayjs_min = {exports: {}};
+
+exports.__module = dayjs_min;

package/dist/cjs/_virtual/deflate.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var deflate = {};
+
+exports.__exports = deflate;

package/dist/cjs/_virtual/deflate2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var deflate = {};
+
+exports.__exports = deflate;

package/dist/cjs/_virtual/index10.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var reactIs = {exports: {}};
+
+exports.__module = reactIs;

package/dist/cjs/_virtual/index5.js

@@ -1,11 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var propTypes = {exports: {}};
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/color-name/index.js');
-
-var colorNameExports = index.__require();
-var names = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorNameExports);
-
-exports.default = names;
+exports.__module = propTypes;

package/dist/cjs/_virtual/index6.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index$1 = require('../node_modules/color-convert/index.js');
+var index = require('../node_modules/color-name/index.js');
 
-var colorConvertExports = index$1.__require();
-var index = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorConvertExports);
+var colorNameExports = index.__require();
+var names = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorNameExports);
 
-exports.default = index;
+exports.default = names;

package/dist/cjs/_virtual/index7.js

@@ -1,5 +1,11 @@
 'use strict';
 
-var propTypes = {exports: {}};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__module = propTypes;
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index$1 = require('../node_modules/color-convert/index.js');
+
+var colorConvertExports = index$1.__require();
+var index = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorConvertExports);
+
+exports.default = index;

package/dist/cjs/_virtual/index8.js

@@ -1,5 +1,11 @@
 'use strict';
 
-var es = {};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__exports = es;
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/pako/index.js');
+
+var pakoExports = index.__require();
+var pako = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(pakoExports);
+
+exports.default = pako;

package/dist/cjs/_virtual/index9.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var reactIs = {exports: {}};
+var es = {};
 
-exports.__module = reactIs;
+exports.__exports = es;

package/dist/cjs/_virtual/inflate.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var inflate = {};
+
+exports.__exports = inflate;

package/dist/cjs/_virtual/inflate2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var inflate = {};
+
+exports.__exports = inflate;

package/dist/cjs/_virtual/quarterOfYear.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var quarterOfYear$1 = require('../node_modules/dayjs/plugin/quarterOfYear.js');
+
+var quarterOfYearExports = quarterOfYear$1.__require();
+var quarterOfYear = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(quarterOfYearExports);
+
+exports.default = quarterOfYear;

package/dist/cjs/_virtual/quarterOfYear2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var quarterOfYear = {exports: {}};
+
+exports.__module = quarterOfYear;

package/dist/cjs/_virtual/strings.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var strings = {};
+
+exports.__exports = strings;

package/dist/cjs/_virtual/trees.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var trees = {};
+
+exports.__exports = trees;

package/dist/cjs/_virtual/warning.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var warning$1 = require('../node_modules/warning/warning.js');
+
+var warningExports = warning$1.__require();
+var warning = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(warningExports);
+
+exports.default = warning;

package/dist/cjs/components/ui/date-pickers/date-input/date-input.js

@@ -0,0 +1,116 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var index$1 = require('../../../../node_modules/chrono-node/dist/esm/locales/en/index.js');
+var index = require('../../../../node_modules/chrono-node/dist/esm/locales/uk/index.js');
+var React = require('react');
+var calendar = require('../../calendar/calendar.js');
+var popover = require('../../../popovers/popover/popover.js');
+var inputContainer = require('../../../utility/input-container/input-container.js');
+var icon = require('../../../media/icon/icon.js');
+var utils = require('../../../../lib/utils.js');
+require('../../../forms/checkbox/checkbox.js');
+require('../../../forms/dropzone/dropzone.js');
+require('../../../forms/label/label.js');
+require('../../../utility/separator/separator.js');
+require('../../../forms/file-upload/file-upload.js');
+require('../../../forms/form/form.js');
+var input = require('../../../forms/input/input.js');
+require('../../../buttons/button/button.js');
+require('../../../forms/textarea/textarea.js');
+require('../../../forms/input-number/input-number.js');
+require('../../../forms/radio/radio.js');
+require('../../../forms/select/select.js');
+require('../../../forms/switch/switch.js');
+var uk = require('../../../../node_modules/date-fns/locale/uk.js');
+var enUS = require('../../../../node_modules/date-fns/locale/en-US.js');
+var format = require('../../../../node_modules/date-fns/format.js');
+
+const getDateFnsLocale = (locale) => (locale === "ua" ? uk.uk : enUS.enUS);
+function formatDate(date, locale = "en") {
+    if (!date) {
+        return "";
+    }
+    const loc = getDateFnsLocale(locale);
+    return format.formatDate(date, "PPP", { locale: loc });
+}
+function parseDateWithLocale(text, locale) {
+    // Use the appropriate locale-specific parser
+    const parser = locale === "ua" ? index : index$1;
+    const parsed = parser.parseDate(text);
+    return parsed || undefined;
+}
+const DateInput = React.forwardRef((_a, ref) => {
+    var { value, onChange, onMonthChange, disabled = false, locale = "en", placeholder = locale === "en" ? "Select date (e.g. 9/1/2025)" : "Введіть Дату (напр. 01.09.2025)", className } = _a, rest = tslib_es6.__rest(_a, ["value", "onChange", "onMonthChange", "disabled", "locale", "placeholder", "className"]);
+    const [open, setOpen] = React.useState(false);
+    const [inputValue, setInputValue] = React.useState(value ? formatDate(value, locale) : "");
+    const [month, setMonth] = React.useState(value !== null && value !== void 0 ? value : new Date());
+    const [_, startTransition] = React.useTransition();
+    const handleMonthChange = (newMonth) => {
+        if (!newMonth)
+            return;
+        setMonth(newMonth);
+        onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(newMonth);
+    };
+    const handleInputChange = (e) => {
+        const newValue = e.target.value;
+        setInputValue(newValue);
+        startTransition(() => {
+            const parsedDate = parseDateWithLocale(newValue, locale);
+            if (parsedDate) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(parsedDate);
+                setMonth(parsedDate);
+            }
+        });
+    };
+    const handleInputBlur = () => {
+        if (value) {
+            setInputValue(formatDate(value, locale));
+        }
+        else {
+            setInputValue("");
+        }
+    };
+    const handleInputFocus = () => {
+        setOpen(true);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setOpen(true);
+        }
+        else if (e.key === "Enter") {
+            e.preventDefault();
+            startTransition(() => {
+                const parsedDate = parseDateWithLocale(inputValue, locale);
+                if (parsedDate) {
+                    onChange === null || onChange === void 0 ? void 0 : onChange(parsedDate);
+                    setMonth(parsedDate);
+                    setInputValue(formatDate(parsedDate, locale));
+                }
+                else {
+                    handleInputBlur();
+                }
+            });
+        }
+    };
+    return (jsxRuntime.jsxs(popover.Popover, { open: open, onOpenChange: setOpen, children: [jsxRuntime.jsx(popover.PopoverAnchor, { children: jsxRuntime.jsx(inputContainer.InputContainer, { className: className, disabled: disabled, suffix: jsxRuntime.jsx(popover.PopoverTrigger, { asChild: true, children: jsxRuntime.jsx(icon.Icon, { name: "calendar", size: 16, className: "opacity-50 cursor-pointer" }) }), children: jsxRuntime.jsx("input", Object.assign({}, rest, { ref: ref, type: "text", className: utils.cn(input.inputVariants(), "w-full"), value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onFocus: handleInputFocus, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, autoComplete: "off" })) }) }), jsxRuntime.jsx(popover.PopoverContent, { className: "w-auto p-0", align: "start", onOpenAutoFocus: (e) => {
+                    e.preventDefault();
+                }, onInteractOutside: (e) => {
+                    // Prevent closing when clicking inside the input
+                    if (e.target instanceof HTMLElement && e.target.closest("input")) {
+                        e.preventDefault();
+                    }
+                }, children: jsxRuntime.jsx(calendar.Calendar, { mode: "single", selected: value, month: month, onSelect: (date) => {
+                        onChange === null || onChange === void 0 ? void 0 : onChange(date);
+                        if (date) {
+                            setInputValue(formatDate(date, locale));
+                        }
+                        setOpen(false);
+                    }, onMonthChange: handleMonthChange, locale: getDateFnsLocale(locale), disabled: disabled }) })] }));
+});
+DateInput.displayName = "DateInput";
+
+exports.DateInput = DateInput;

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

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

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

@@ -9,10 +9,10 @@ var calendar = require('../../calendar/calendar.js');
 var utils = require('../../../../lib/utils.js');
 var popover = require('../../../popovers/popover/popover.js');
 var button = require('../../../buttons/button/button.js');
-var uk = require('../../../../node_modules/date-fns/locale/uk.js');
-var enUS = require('../../../../node_modules/date-fns/locale/en-US.js');
 var add = require('../../../../node_modules/date-fns/add.js');
 var format = require('../../../../node_modules/date-fns/format.js');
+var uk = require('../../../../node_modules/date-fns/locale/uk.js');
+var enUS = require('../../../../node_modules/date-fns/locale/en-US.js');
 
 const getDateFnsLocale = (locale) => (locale === "ua" ? uk.uk : enUS.enUS);
 const DateTimePicker = React.forwardRef((_a, ref) => {

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

@@ -0,0 +1,49 @@
+'use strict';
+
+var React = require('react');
+
+const DEFAULT_PAGE_HEIGHT = 800;
+const PAGE_GAP = 16;
+function usePageLayout({ numPages, scale }) {
+    const pageDims = React.useRef(new Map());
+    // Bumped when page measurements change so memoized offsets recompute.
+    const [layoutVersion, setLayoutVersion] = React.useState(0);
+    const onPageMeasured = React.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 = React.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 = React.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 = React.useMemo(() => {
+        if (numPages === 0 || pageOffsets.length === 0)
+            return 0;
+        return pageOffsets[numPages - 1] + estimatePageHeight(numPages);
+    }, [numPages, pageOffsets, estimatePageHeight]);
+    const resetLayout = React.useCallback(() => {
+        pageDims.current.clear();
+        setLayoutVersion(0);
+    }, []);
+    return { pageOffsets, totalHeight, estimatePageHeight, onPageMeasured, resetLayout };
+}
+
+exports.usePageLayout = usePageLayout;

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

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

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

@@ -0,0 +1,90 @@
+'use strict';
+
+var React = require('react');
+var useRafThrottle = require('../../../../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] = React.useState([1, 1]);
+    const [visiblePage, setVisiblePage] = React.useState(1);
+    const computeVisibleRange = React.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)
+    React.useEffect(() => {
+        computeVisibleRange();
+    }, [scale, computeVisibleRange]);
+    const onScroll = useRafThrottle.useRafThrottle(computeVisibleRange);
+    const renderedPages = React.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 = React.useCallback(() => {
+        setVisibleRange([1, 1]);
+        setVisiblePage(1);
+    }, []);
+    return { visiblePage, renderedPages, onScroll, resetVirtualState };
+}
+
+exports.useVirtualPages = useVirtualPages;

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

@@ -0,0 +1,91 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('../../../node_modules/react-pdf/dist/index.js');
+require('../../../node_modules/react-pdf/dist/Page/AnnotationLayer.css.js');
+require('../../../node_modules/react-pdf/dist/Page/TextLayer.css.js');
+var pdfPage = require('./pdf-page.js');
+var usePdfScale = require('./hooks/use-pdf-scale.js');
+var usePageLayout = require('./hooks/use-page-layout.js');
+var useVirtualPages = require('./hooks/use-virtual-pages.js');
+var utils = require('./utils.js');
+var empty = require('../../utility/empty/empty.js');
+var icon = require('../../media/icon/icon.js');
+var skeleton = require('../../utility/skeleton/skeleton.js');
+var useResizeObserver = require('../../../hooks/use-resize-observer.js');
+var Document = require('../../../node_modules/react-pdf/dist/Document.js');
+var pdf = require('../../../node_modules/pdfjs-dist/build/pdf.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+pdf.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('components/ui/pdf-content/pdf-content.js', document.baseURI).href))).toString();
+const PAGE_GAP = 16;
+function PDFSkeleton() {
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 p-6", children: [jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-1/3" }), jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-3/4" }), jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-full" }), jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-5/6" }), jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-2/3" }), jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-full" }), jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-4/5" })] }));
+}
+function PDFEmptyState({ icon: icon$1, title, description }) {
+    return (jsxRuntime.jsxs(empty.EmptyState, { className: "py-12", children: [jsxRuntime.jsx(empty.EmptyMedia, { variant: "icon", children: jsxRuntime.jsx(icon.Icon, { name: icon$1 }) }), jsxRuntime.jsxs(empty.EmptyHeader, { children: [jsxRuntime.jsx(empty.EmptyTitle, { children: title }), jsxRuntime.jsx(empty.EmptyDescription, { children: description })] })] }));
+}
+const PDFContent = React.forwardRef(function PDFContent({ file, renderTextLayer = true, renderAnnotationLayer = true, initialScale = 1, minScale = 0.5, maxScale = 3, height, onDocumentLoad, onPageChange, onScaleChange, }, ref) {
+    var _a;
+    const containerRef = React.useRef(null);
+    const rect = useResizeObserver.useResizeObserver(containerRef);
+    const containerWidth = (_a = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _a !== void 0 ? _a : 0;
+    const [numPages, setNumPages] = React.useState(0);
+    const { scale, setScale } = usePdfScale.usePdfScale({ initialScale, minScale, maxScale, onScaleChange });
+    const { pageOffsets, totalHeight, estimatePageHeight, onPageMeasured, resetLayout } = usePageLayout.usePageLayout({
+        numPages,
+        scale,
+    });
+    const { visiblePage, renderedPages, onScroll, resetVirtualState } = useVirtualPages.useVirtualPages({
+        containerRef,
+        numPages,
+        pageOffsets,
+        estimatePageHeight,
+        scale,
+    });
+    // Notify parent of page changes
+    React.useEffect(() => {
+        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(visiblePage);
+    }, [visiblePage, onPageChange]);
+    // Imperative scrollToPage
+    const scrollToPage = React.useCallback((page) => {
+        var _a;
+        const safe = utils.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
+    React.useImperativeHandle(ref, () => ({
+        scrollToPage,
+        getState: () => ({
+            currentPage: visiblePage,
+            numPages,
+            scale,
+        }),
+        setScale,
+    }), [scrollToPage, visiblePage, numPages, scale, setScale]);
+    // Reset state when document changes
+    React.useEffect(() => {
+        resetLayout();
+        resetVirtualState();
+        setNumPages(0);
+    }, [file, resetLayout, resetVirtualState]);
+    // Document load handler
+    const handleDocumentLoad = React.useCallback((pdf) => {
+        setNumPages(pdf.numPages);
+        onDocumentLoad === null || onDocumentLoad === void 0 ? void 0 : onDocumentLoad(pdf.numPages);
+    }, [onDocumentLoad]);
+    return (jsxRuntime.jsx("div", { ref: containerRef, "data-pdf-stage": "root", className: "relative overflow-auto bg-muted/40", style: { height }, onScroll: onScroll, children: jsxRuntime.jsx(Document.default, { file: file, onLoadSuccess: handleDocumentLoad, loading: jsxRuntime.jsx(PDFSkeleton, {}), error: jsxRuntime.jsx(PDFEmptyState, { icon: "alert-circle", title: "Failed to load PDF", description: "The PDF file could not be loaded." }), noData: jsxRuntime.jsx(PDFEmptyState, { icon: "file-text", title: "No PDF to display", description: "Provide a PDF file to preview it here." }), children: jsxRuntime.jsx("div", { className: "relative", style: { height: totalHeight }, children: renderedPages.map((pageNumber) => {
+                    var _a;
+                    return (jsxRuntime.jsx(pdfPage.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));
+                }) }) }) }));
+});
+
+exports.PDFContent = PDFContent;