@vertesia/ui 1.2.0 → 1.4.0-dev.20260615.042549Z

package/lib/features/facets/utils/VTypeFacet.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function VTypeFacet({ buckets, typeRegistry, type = 'select', multiple = false }) {
+    // Create a map for quick lookups of type names and counts
+    const typeDataMap = new Map();
+    if (!typeRegistry) {
+        console.warn('Type names cannot be resolved');
+    }
+    buckets.forEach((bucket) => {
+        let name;
+        let typeId = bucket._id;
+        if (bucket._id == null) {
+            typeId = 'Document';
+            name = 'Document';
+        }
+        else {
+            name = typeRegistry?.getTypeName(bucket._id);
+            if (!name) {
+                console.warn('Content Object Type not found', bucket._id);
+                name = bucket._id;
+            }
+        }
+        typeDataMap.set(typeId, {
+            name,
+            count: bucket.count,
+        });
+    });
+    const options = buckets.map((bucket) => {
+        const actualId = bucket._id;
+        const displayKey = actualId || 'Document';
+        const typeData = typeDataMap.get(displayKey);
+        return {
+            value: actualId,
+            label: typeData ? `${typeData.name} (${typeData.count})` : `Unknown (${bucket.count})`,
+        };
+    });
+    const customFilterGroups = {
+        name: 'types',
+        placeholder: 'Types',
+        type: type,
+        multiple: multiple,
+        options: options,
+        labelRenderer: (typeId) => {
+            const typeData = typeDataMap.get(typeId);
+            if (!typeData) {
+                console.warn(`Type data not found for ${typeId}`);
+                return typeId;
+            }
+            return (_jsxs("div", { className: "w-full flex items-center", children: [_jsx("span", { className: "text-sm truncate", children: typeData.name }), _jsxs("span", { className: "ms-2 text-xs", children: ["(", typeData.count, ")"] })] }));
+        },
+        filterBy: (optionValue, searchText) => {
+            const typeData = typeDataMap.get(optionValue);
+            if (!typeData) {
+                console.warn(`Type name not found for ${optionValue}`);
+                return false;
+            }
+            return typeData.name.toLowerCase().includes(searchText.toLowerCase());
+        },
+    };
+    return customFilterGroups;
+}
+//# sourceMappingURL=VTypeFacet.js.map

package/lib/features/facets/utils/VTypeFacet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VTypeFacet.js","sourceRoot":"","sources":["../../../../src/features/facets/utils/VTypeFacet.tsx"],"names":[],"mappings":"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"}

package/lib/features/facets/utils/VUserFacet.d.ts

@@ -0,0 +1,11 @@
+import type { FacetBucket } from '@vertesia/common';
+import type { FilterGroup } from '@vertesia/ui/core';
+interface UserFacetProps {
+    buckets: FacetBucket[];
+    name: string;
+    placeholder?: string;
+}
+export declare function createUserFilterGroup({ buckets, name, placeholder }: UserFacetProps): FilterGroup;
+export declare function VUserFacet({ buckets, name, placeholder }: UserFacetProps): FilterGroup;
+export {};
+//# sourceMappingURL=VUserFacet.d.ts.map

package/lib/features/facets/utils/VUserFacet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VUserFacet.d.ts","sourceRoot":"","sources":["../../../../src/features/facets/utils/VUserFacet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,UAAU,cAAc;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,cAAc,GAAG,WAAW,CAmCjG;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,cAAc,eAExE"}

package/lib/features/facets/utils/VUserFacet.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UserInfo } from '../../user/UserInfo';
+export function createUserFilterGroup({ buckets, name, placeholder }) {
+    const options = buckets.map((bucket) => {
+        return {
+            value: bucket._id,
+            label: `(${bucket.count})`,
+        };
+    });
+    const filterGroup = {
+        name: name,
+        placeholder: placeholder || `${name.charAt(0).toUpperCase() + name.slice(1)}`,
+        options: options,
+        labelRenderer: (userRef) => {
+            const isUnknownUser = userRef === 'Unknown User' || !userRef;
+            if (isUnknownUser) {
+                // Find the count for this user from buckets
+                const bucket = buckets.find((b) => b._id === userRef);
+                return `Unknown User (${bucket?.count || 0})`;
+            }
+            // For known users, render UserInfo with count
+            const bucket = buckets.find((b) => b._id === userRef);
+            return (_jsxs("div", { className: "flex items-center w-full gap-2", children: [_jsx("div", { className: "flex-1 min-w-0 flex items-center truncate", children: _jsx(UserInfo, { userRef: userRef, showTitle: true, size: "sm" }) }), _jsxs("span", { className: "text-muted-foreground flex-shrink-0", children: ["(", bucket?.count || 0, ")"] })] }));
+        },
+    };
+    return filterGroup;
+}
+export function VUserFacet({ buckets, name, placeholder }) {
+    return createUserFilterGroup({ buckets, name, placeholder });
+}
+//# sourceMappingURL=VUserFacet.js.map

package/lib/features/facets/utils/VUserFacet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VUserFacet.js","sourceRoot":"","sources":["../../../../src/features/facets/utils/VUserFacet.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAQ/C,MAAM,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAkB;IAChF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACnC,OAAO;YACH,KAAK,EAAE,MAAM,CAAC,GAAG;YACjB,KAAK,EAAE,IAAI,MAAM,CAAC,KAAK,GAAG;SAC7B,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAgB;QAC7B,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,WAAW,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QAC7E,OAAO,EAAE,OAAO;QAChB,aAAa,EAAE,CAAC,OAAe,EAAE,EAAE;YAC/B,MAAM,aAAa,GAAG,OAAO,KAAK,cAAc,IAAI,CAAC,OAAO,CAAC;YAE7D,IAAI,aAAa,EAAE,CAAC;gBAChB,4CAA4C;gBAC5C,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;gBACtD,OAAO,iBAAiB,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC;YAClD,CAAC;YAED,8CAA8C;YAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;YACtD,OAAO,CACH,eAAK,SAAS,EAAC,gCAAgC,aAC3C,cAAK,SAAS,EAAC,2CAA2C,YACtD,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,GACvD,EACN,gBAAM,SAAS,EAAC,qCAAqC,kBAAG,MAAM,EAAE,KAAK,IAAI,CAAC,SAAS,IACjF,CACT,CAAC;QACN,CAAC;KACJ,CAAC;IAEF,OAAO,WAAW,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAkB;IACrE,OAAO,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;AACjE,CAAC"}

package/lib/features/facets/utils/utils.d.ts

@@ -0,0 +1,4 @@
+import type { FacetBucket, FacetNameBucket } from '@vertesia/common';
+export declare function facetOptionLabel(bucket: FacetBucket): string;
+export declare function facetOptionNameLabel(bucket: FacetNameBucket): string;
+//# sourceMappingURL=utils.d.ts.map

package/lib/features/facets/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/features/facets/utils/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAErE,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,UAEnD;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,eAAe,UAE3D"}

package/lib/features/facets/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/features/facets/utils/utils.tsx"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,MAAmB;IAChD,OAAO,GAAG,MAAM,CAAC,GAAG,KAAK,MAAM,CAAC,KAAK,GAAG,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAuB;IACxD,OAAO,GAAG,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,KAAK,GAAG,CAAC;AAC9C,CAAC"}

package/lib/features/index.d.ts

@@ -0,0 +1,15 @@
+export * from './activity-doc/index.js';
+export * from './agent';
+export * from './document-viewer/index.js';
+export * from './errors/index.js';
+export * from './facets/index.js';
+export * from './layout/index.js';
+export * from './magic-pdf/index.js';
+export * from './media-viewer/index.js';
+export * from './oauth/index.js';
+export * from './pdf-viewer/index.js';
+export * from './permissions/index.js';
+export * from './store/index.js';
+export * from './user/index.js';
+export * from './utils/index.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/features/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/features/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/lib/features/index.js

@@ -0,0 +1,15 @@
+export * from './activity-doc/index.js';
+export * from './agent';
+export * from './document-viewer/index.js';
+export * from './errors/index.js';
+export * from './facets/index.js';
+export * from './layout/index.js';
+export * from './magic-pdf/index.js';
+export * from './media-viewer/index.js';
+export * from './oauth/index.js';
+export * from './pdf-viewer/index.js';
+export * from './permissions/index.js';
+export * from './store/index.js';
+export * from './user/index.js';
+export * from './utils/index.js';
+//# sourceMappingURL=index.js.map

package/lib/features/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/features/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/lib/features/layout/GenericPageNavHeader.d.ts

@@ -0,0 +1,19 @@
+import type { JSX, ReactElement, ReactNode } from 'react';
+interface GenericPageNavHeaderProps {
+    title?: string | JSX.Element;
+    description?: string | JSX.Element;
+    actions?: ReactNode | ReactNode[];
+    breadcrumbs?: ReactElement<BreadcrumbElementProps>[];
+    isCompact?: boolean;
+    children?: ReactNode;
+    className?: string;
+    useDynamicBreadcrumbs?: boolean;
+}
+interface BreadcrumbElementProps {
+    href?: string;
+    clearBreadcrumbs?: boolean;
+    children?: ReactNode;
+}
+export declare function GenericPageNavHeader({ className, children, title, description, actions, breadcrumbs, useDynamicBreadcrumbs, }: GenericPageNavHeaderProps): JSX.Element;
+export {};
+//# sourceMappingURL=GenericPageNavHeader.d.ts.map

package/lib/features/layout/GenericPageNavHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericPageNavHeader.d.ts","sourceRoot":"","sources":["../../../src/features/layout/GenericPageNavHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,UAAU,yBAAyB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,EAAE,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,UAAU,sBAAsB;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAeD,wBAAgB,oBAAoB,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAW,EACX,qBAA4B,GAC/B,EAAE,yBAAyB,eAuH3B"}

package/lib/features/layout/GenericPageNavHeader.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumbs, VTooltip } from '@vertesia/ui/core';
+import { useNavigate } from '@vertesia/ui/router';
+import clsx from 'clsx';
+import { capitalize } from 'lodash-es';
+import { ChevronRight, Info } from 'lucide-react';
+// Matches MongoDB ObjectId (24 hex), UUID (36 chars with dashes), or any segment containing digits mixed with letters
+const ID_SEGMENT_PATTERN = /^[a-f0-9]{24}$|^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$|^(?=.*\d)(?=.*[a-zA-Z])[a-zA-Z0-9_-]{8,}$/i;
+function isIdSegment(segment) {
+    return ID_SEGMENT_PATTERN.test(segment);
+}
+export function GenericPageNavHeader({ className, children, title, description, actions, breadcrumbs, useDynamicBreadcrumbs = true, }) {
+    const navigate = useNavigate();
+    function formatTitle(title) {
+        return title
+            .replace(/[-_]/g, ' ')
+            .split(' ')
+            .map((word) => capitalize(word))
+            .join(' ');
+    }
+    const buildBreadcrumbLabel = (entry) => {
+        if (entry?.title) {
+            return entry.title;
+        }
+        const href = entry?.href || '';
+        if (!href)
+            return 'Page';
+        const cleanHref = href.split('#')[0].split('?')[0];
+        const pathSegments = cleanHref.split('/').filter((segment) => segment.length > 0);
+        if (pathSegments.length >= 1) {
+            return formatTitle(pathSegments[pathSegments.length - 1]);
+        }
+        return 'Page';
+    };
+    // Build breadcrumb items from history chain and current breadcrumbs
+    const buildBreadcrumbItems = () => {
+        const items = [];
+        if (useDynamicBreadcrumbs && typeof window !== 'undefined') {
+            const historyState = window.history.state;
+            const historyChain = historyState?.historyChain;
+            if (Array.isArray(historyChain)) {
+                // Use existing history chain
+                historyChain.forEach((entry, index) => {
+                    const stepsBack = historyChain.length - index;
+                    items.push({
+                        label: buildBreadcrumbLabel(entry),
+                        href: entry.href,
+                        onClick: () => navigate(entry.href, { stepsBack: stepsBack }),
+                    });
+                });
+            }
+            else {
+                // Infer parents from URL when navigating directly to a detail page
+                const segments = window.location.pathname.split('/').filter((s) => s.length > 0);
+                for (let i = 0; i < segments.length; i++) {
+                    if (isIdSegment(segments[i])) {
+                        const parentPath = `/${segments.slice(0, i).join('/')}`;
+                        items.push({
+                            label: formatTitle(segments[i - 1] || parentPath),
+                            href: parentPath,
+                            onClick: () => navigate(parentPath, { isBasePathNested: false }),
+                        });
+                    }
+                }
+            }
+        }
+        // Add current page breadcrumbs
+        if (breadcrumbs && breadcrumbs.length > 0) {
+            breadcrumbs.forEach((breadcrumb) => {
+                // Preserve the entire React element as label
+                const label = breadcrumb.props?.children || breadcrumb;
+                const href = breadcrumb.props?.href;
+                items.push(href
+                    ? {
+                        href,
+                        label: label,
+                        onClick: () => navigate(href, { replace: breadcrumb.props.clearBreadcrumbs }),
+                    }
+                    : {
+                        label: label,
+                    });
+            });
+        }
+        return items;
+    };
+    const breadcrumbItems = buildBreadcrumbItems();
+    return (_jsxs("div", { className: clsx('pb-0 ps-4 pe-2 py-2 flex flex-col', className), children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsxs("div", { className: "w-full flex place-content-between h-auto min-h-8 flex-col items-start justify-center", children: [_jsxs("nav", { className: "flex-1 flex justify-start text-sm", children: [breadcrumbItems.length > 0 && (_jsx(Breadcrumbs, { path: breadcrumbItems, separator: _jsx(ChevronRight, { className: "size-3.5 cn-rtl-flip" }), maxItems: 4 })), description && (_jsx(VTooltip, { description: description, children: _jsx(Info, { className: "size-4 text-muted ms-4" }) }))] }), title && (_jsx("div", { className: "flex gap-2 items-center", children: _jsx("h1", { className: "text-xl font-semibold break-all", children: title }) }))] }), _jsx("div", { className: "flex gap-x-2 shrink-0 items-center", children: actions })] }), children && _jsx("div", { className: "w-full flex items-center", children: children })] }));
+}
+//# sourceMappingURL=GenericPageNavHeader.js.map

package/lib/features/layout/GenericPageNavHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericPageNavHeader.js","sourceRoot":"","sources":["../../../src/features/layout/GenericPageNavHeader.tsx"],"names":[],"mappings":"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"}

package/lib/features/layout/NotFoundView.d.ts

@@ -0,0 +1,2 @@
+export declare function NotFoundView(): import("react").JSX.Element;
+//# sourceMappingURL=NotFoundView.d.ts.map

package/lib/features/layout/NotFoundView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundView.d.ts","sourceRoot":"","sources":["../../../src/features/layout/NotFoundView.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,gCAQ3B"}

package/lib/features/layout/NotFoundView.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUITranslation } from '@vertesia/ui/i18n';
+export function NotFoundView() {
+    const { t } = useUITranslation();
+    return (_jsxs("div", { className: "text-center pt-32", children: [_jsx("h1", { className: "text-3xl font-bold text-red-500", children: "404" }), _jsx("p", { className: "text-2xl", children: t('layout.pageNotFound') })] }));
+}
+//# sourceMappingURL=NotFoundView.js.map

package/lib/features/layout/NotFoundView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundView.js","sourceRoot":"","sources":["../../../src/features/layout/NotFoundView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,UAAU,YAAY;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjC,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,aAAI,SAAS,EAAC,iCAAiC,oBAAS,EACxD,YAAG,SAAS,EAAC,UAAU,YAAE,CAAC,CAAC,qBAAqB,CAAC,GAAK,IACpD,CACT,CAAC;AACN,CAAC"}

package/lib/features/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './GenericPageNavHeader';
+export * from './NotFoundView';
+//# sourceMappingURL=index.d.ts.map

package/lib/features/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC"}

package/lib/features/layout/index.js

@@ -0,0 +1,3 @@
+export * from './GenericPageNavHeader';
+export * from './NotFoundView';
+//# sourceMappingURL=index.js.map

package/lib/features/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/features/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC"}

package/lib/features/magic-pdf/AnnotatedImageSlider.d.ts

@@ -0,0 +1,13 @@
+interface AnnotatedImageSliderProps {
+    currentPage: number;
+    onChange: (pageNumber: number) => void;
+    className?: string;
+}
+/**
+ * Image-based page slider that displays annotated/instrumented page images.
+ * Progressively loads images starting from current page and radiating outward.
+ * Loads first image immediately to determine aspect ratio for stable layout.
+ */
+export declare function AnnotatedImageSlider({ className, currentPage, onChange }: AnnotatedImageSliderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AnnotatedImageSlider.d.ts.map

package/lib/features/magic-pdf/AnnotatedImageSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotatedImageSlider.d.ts","sourceRoot":"","sources":["../../../src/features/magic-pdf/AnnotatedImageSlider.tsx"],"names":[],"mappings":"AAiCA,UAAU,yBAAyB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,yBAAyB,+BA0QnG"}