@alveole/components 0.32.2 → 0.33.1

package/dist/stories/index.d.ts

@@ -16,6 +16,7 @@ export * as BreadcrumbsStory from '../ui/Breadcrumbs/Breadcrumbs.stories';
 export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
+export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
 export * as ListItemStory from '../ui/ListItem/ListItem.stories';
 export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';

package/dist/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,WAAW,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,WAAW,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}

package/dist/stories/index.js

@@ -18,6 +18,7 @@ export * as BreadcrumbsStory from '../ui/Breadcrumbs/Breadcrumbs.stories';
 export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
+export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
 export * as ListItemStory from '../ui/ListItem/ListItem.stories';
 export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';

package/dist/ui/DocumentViewer/DocumentViewer.d.ts

@@ -0,0 +1,11 @@
+import { type BoxProps } from '@alveole/components';
+export type DocumentViewerRotation = 0 | 90 | 180 | 270;
+export declare const isDocumentViewerRotation: (value: number) => value is DocumentViewerRotation;
+export type DocumentViewerProps = BoxProps & {
+    type: 'image' | 'pdf';
+    title: string;
+    source: string;
+    height: number;
+};
+export declare const DocumentViewer: (props: DocumentViewerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocumentViewer.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewer.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAOzD,MAAM,MAAM,sBAAsB,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AACxD,eAAO,MAAM,wBAAwB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,sBAC/B,CAAC;AAEpC,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG;IAC3C,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CAsFxD,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewer.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@alveole/components';
+import React from 'react';
+import { useStyles } from './DocumentViewer.styles';
+import { DocumentViewerImage } from './DocumentViewerImage';
+import { DocumentViewerPDF } from './DocumentViewerPDF';
+import { DocumentViewerToolbar } from './DocumentViewerToolbar';
+export const isDocumentViewerRotation = (value) => [0, 90, 180, 270].includes(value);
+export const DocumentViewer = (props) => {
+    const { children, title, source, type, height, ...boxProps } = props;
+    const styles = useStyles();
+    const [rotation, setRotation] = React.useState(0);
+    const [page, setPage] = React.useState(1);
+    const [totalPages, setTotalPages] = React.useState(type === 'image' ? 1 : 1);
+    const state = React.useMemo(() => {
+        return {
+            fileType: type,
+            rotation,
+            page,
+            totalPages,
+        };
+    }, [type, rotation, page, totalPages]);
+    const handleRotate = React.useCallback((direction) => {
+        let newRotation = direction === 'right' ? rotation + 90 : rotation - 90;
+        if (newRotation < 0)
+            newRotation = 270;
+        if (newRotation > 270)
+            newRotation = 0;
+        if (isDocumentViewerRotation(newRotation))
+            setRotation(newRotation);
+    }, [rotation]);
+    const handleNextPage = React.useCallback(() => {
+        setPage(currentPage => Math.min(currentPage + 1, totalPages));
+    }, [totalPages]);
+    const handlePreviousPage = React.useCallback(() => {
+        setPage(currentPage => Math.max(currentPage - 1, 1));
+    }, []);
+    React.useEffect(() => {
+        setPage(currentPage => Math.min(currentPage, totalPages));
+    }, [totalPages]);
+    const handlePdfReady = React.useCallback((proxy) => {
+        setTotalPages(proxy.numPages);
+    }, []);
+    return (_jsxs(Box, { tag: "document-viewer-wrapper", style: styles.viewerWrapper, children: [_jsxs(Box, { tag: "document-viewer", flex: 1, ...boxProps, children: [_jsx(DocumentViewerToolbar, { title: title, state: state, withChildren: children != null, onRotateLeft: () => handleRotate('left'), onRotateRight: () => handleRotate('right'), onNextPage: handleNextPage, onPreviousPage: handlePreviousPage }), _jsx(Box, { tag: "document-viewer-container", style: {
+                            ...styles.viewerContainer,
+                            ...(children ? { borderBottomRightRadius: 0 } : {}),
+                        }, children: _jsxs(Box, { children: [type === 'image' && _jsx(DocumentViewerImage, { source: source, rotation: rotation, height: height }), type === 'pdf' && (_jsx(DocumentViewerPDF, { source: source, page: page, rotation: rotation, height: height, onReady: handlePdfReady }))] }) })] }), children && (_jsx(Box, { tag: "document-viewer-children", style: styles.children, children: children }))] }));
+};

package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts

@@ -0,0 +1,143 @@
+declare const _default: {
+    title: string;
+    tags: "Kit"[];
+    experimental: false;
+    webOnly: true;
+    description: string;
+    component: (props: import("@alveole/components").DocumentViewerProps) => import("react/jsx-runtime").JSX.Element;
+    styleFn: () => {
+        toolbar: {
+            padding: import("@alveole/theme").Spacing;
+            borderColor: "#DEE3EC";
+            borderWidth: number;
+            borderStyle: "solid";
+            borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            backgroundColor: "#F6F7F8";
+            display: "flex";
+            flexDirection: "row";
+            gap: import("@alveole/theme").Spacing;
+            justifyContent: "space-between";
+        };
+        toolbarAction: {
+            display: "flex";
+            flexDirection: "row";
+            gap: import("@alveole/theme").Spacing;
+            justifyContent: "flex-end";
+        };
+        toolbarTitle: {
+            color: "#373A3F";
+            paddingLeft: import("@alveole/theme").Spacing;
+            marginTop: string;
+            marginBottom: string;
+            userSelect: "none";
+            fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            fontSize: 14;
+            lineHeight: 20;
+            letterSpacing: 0;
+        };
+        toolbarState: {
+            color: "#5F6571";
+            userSelect: "none";
+            fontVariant: "tabular-nums"[];
+            fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            fontSize: 14;
+            lineHeight: 20;
+            letterSpacing: 0;
+        };
+        toolbarDivider: {
+            width: number;
+            height: "50%";
+            backgroundColor: "#DEE3EC";
+            marginTop: string;
+            marginBottom: string;
+        };
+        viewerWrapper: {
+            display: "flex";
+            flexDirection: "row";
+        };
+        viewerContainer: {
+            padding: import("@alveole/theme").Spacing;
+            borderColor: "#DEE3EC";
+            borderWidth: number;
+            borderStyle: "solid";
+            borderTopWidth: number;
+            borderBottomLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            backgroundColor: "#FFFFFF";
+            overflow: "hidden";
+        };
+        children: {
+            borderColor: "#DEE3EC";
+            borderWidth: number;
+            borderStyle: "solid";
+            borderLeft: number;
+            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            backgroundColor: "#FFFFFF";
+            overflow: "hidden";
+        };
+        viewerImageContent: {
+            display: "flex";
+            flexDirection: "row";
+            justifyContent: "center";
+            alignItems: "center";
+            overflow: "hidden";
+            cursor: "crosshair";
+            userSelect: "none";
+        };
+        viewerImageZoomLayer: {
+            width: "100%";
+            height: "100%";
+            transitionProperty: "transform";
+            transitionDuration: "120ms";
+            transitionTimingFunction: "ease-out";
+            transitionDelay: "0ms";
+        };
+        viewerPdfContent: {
+            display: "flex";
+            flexDirection: "row";
+            justifyContent: "center";
+            alignItems: "center";
+            overflow: "hidden";
+            cursor: "crosshair";
+            userSelect: "none";
+        };
+        viewerPdfStage: {
+            position: "relative";
+            display: "flex";
+            flexDirection: "row";
+            justifyContent: "center";
+            alignItems: "center";
+            overflow: "hidden";
+            width: "100%";
+            height: "100%";
+        };
+        viewerPdfCanvasWrapper: {
+            display: "flex";
+            justifyContent: "center";
+            alignItems: "center";
+            transitionProperty: "transform";
+            transitionDuration: "120ms";
+            transitionTimingFunction: "ease-out";
+            transitionDelay: "0ms";
+        };
+        viewerPdfCanvas: {
+            display: "block";
+            maxWidth: string;
+        };
+        viewerPdfOverlay: {
+            position: "absolute";
+            inset: number;
+            display: "flex";
+            alignItems: "center";
+            justifyContent: "center";
+            backgroundColor: "#FFFFFF";
+        };
+    };
+};
+export default _default;
+export declare const DocumentImage: () => import("react/jsx-runtime").JSX.Element;
+export declare const DocumentPdf: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithChildren: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocumentViewer.stories.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAQkB;AAElB,eAAO,MAAM,aAAa,+CAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CASvB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAaxB,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewer.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Typography } from '@alveole/components';
+import { DocumentViewer } from './DocumentViewer';
+import { useStyles } from './DocumentViewer.styles';
+export default {
+    title: 'DocumentViewer',
+    tags: ['Kit'],
+    experimental: false,
+    webOnly: true,
+    description: 'Viewer de documents (PDF, Image)',
+    component: DocumentViewer,
+    styleFn: useStyles,
+};
+export const DocumentImage = () => (_jsx(Box, { maxW: 500, children: _jsx(DocumentViewer, { title: "Document image", type: "image", source: "https://picsum.photos/1000/2000", height: 600 }) }));
+export const DocumentPdf = () => (_jsx(Box, { maxW: 500, children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://ontheline.trincoll.edu/images/bookdown/sample-local-pdf.pdf", height: 600 }) }));
+export const WithChildren = () => (_jsx(Box, { children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://ontheline.trincoll.edu/images/bookdown/sample-local-pdf.pdf", height: 600, children: _jsx(Box, { p: '2W', minW: 600, children: _jsx(Typography, { children: "Contenu enfant" }) }) }) }));

package/dist/ui/DocumentViewer/DocumentViewer.styles.d.ts

@@ -0,0 +1,131 @@
+export declare const useStyles: () => {
+    toolbar: {
+        padding: import("@alveole/theme").Spacing;
+        borderColor: "#DEE3EC";
+        borderWidth: number;
+        borderStyle: "solid";
+        borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        backgroundColor: "#F6F7F8";
+        display: "flex";
+        flexDirection: "row";
+        gap: import("@alveole/theme").Spacing;
+        justifyContent: "space-between";
+    };
+    toolbarAction: {
+        display: "flex";
+        flexDirection: "row";
+        gap: import("@alveole/theme").Spacing;
+        justifyContent: "flex-end";
+    };
+    toolbarTitle: {
+        color: "#373A3F";
+        paddingLeft: import("@alveole/theme").Spacing;
+        marginTop: string;
+        marginBottom: string;
+        userSelect: "none";
+        fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+        fontSize: 14;
+        lineHeight: 20;
+        letterSpacing: 0;
+    };
+    toolbarState: {
+        color: "#5F6571";
+        userSelect: "none";
+        fontVariant: "tabular-nums"[];
+        fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+        fontSize: 14;
+        lineHeight: 20;
+        letterSpacing: 0;
+    };
+    toolbarDivider: {
+        width: number;
+        height: "50%";
+        backgroundColor: "#DEE3EC";
+        marginTop: string;
+        marginBottom: string;
+    };
+    viewerWrapper: {
+        display: "flex";
+        flexDirection: "row";
+    };
+    viewerContainer: {
+        padding: import("@alveole/theme").Spacing;
+        borderColor: "#DEE3EC";
+        borderWidth: number;
+        borderStyle: "solid";
+        borderTopWidth: number;
+        borderBottomLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        backgroundColor: "#FFFFFF";
+        overflow: "hidden";
+    };
+    children: {
+        borderColor: "#DEE3EC";
+        borderWidth: number;
+        borderStyle: "solid";
+        borderLeft: number;
+        borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        backgroundColor: "#FFFFFF";
+        overflow: "hidden";
+    };
+    viewerImageContent: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "center";
+        alignItems: "center";
+        overflow: "hidden";
+        cursor: "crosshair";
+        userSelect: "none";
+    };
+    viewerImageZoomLayer: {
+        width: "100%";
+        height: "100%";
+        transitionProperty: "transform";
+        transitionDuration: "120ms";
+        transitionTimingFunction: "ease-out";
+        transitionDelay: "0ms";
+    };
+    viewerPdfContent: {
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "center";
+        alignItems: "center";
+        overflow: "hidden";
+        cursor: "crosshair";
+        userSelect: "none";
+    };
+    viewerPdfStage: {
+        position: "relative";
+        display: "flex";
+        flexDirection: "row";
+        justifyContent: "center";
+        alignItems: "center";
+        overflow: "hidden";
+        width: "100%";
+        height: "100%";
+    };
+    viewerPdfCanvasWrapper: {
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+        transitionProperty: "transform";
+        transitionDuration: "120ms";
+        transitionTimingFunction: "ease-out";
+        transitionDelay: "0ms";
+    };
+    viewerPdfCanvas: {
+        display: "block";
+        maxWidth: string;
+    };
+    viewerPdfOverlay: {
+        position: "absolute";
+        inset: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: "#FFFFFF";
+    };
+};
+//# sourceMappingURL=DocumentViewer.styles.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewer.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2HnB,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewer.styles.js

@@ -0,0 +1,125 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ text, color, spacing, radius }) => ({
+    toolbar: {
+        padding: spacing('1W'),
+        borderColor: color.light.border['default-grey'],
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderTopLeftRadius: radius('md'),
+        borderTopRightRadius: radius('md'),
+        backgroundColor: color.light.background['alt-grey'],
+        display: 'flex',
+        flexDirection: 'row',
+        gap: spacing('1W'),
+        justifyContent: 'space-between',
+    },
+    toolbarAction: {
+        display: 'flex',
+        flexDirection: 'row',
+        gap: spacing('1W'),
+        justifyContent: 'flex-end',
+    },
+    toolbarTitle: {
+        ...text['Corps de texte'].SM.Bold,
+        color: color.light.text['default-grey'],
+        paddingLeft: spacing('1W'),
+        marginTop: 'auto',
+        marginBottom: 'auto',
+        userSelect: 'none',
+    },
+    toolbarState: {
+        ...text['Corps de texte'].SM.Regular,
+        color: color.light.text['mention-grey'],
+        userSelect: 'none',
+        fontVariant: ['tabular-nums'],
+    },
+    toolbarDivider: {
+        width: 1,
+        height: '50%',
+        backgroundColor: color.light.border['default-grey'],
+        marginTop: 'auto',
+        marginBottom: 'auto',
+    },
+    viewerWrapper: {
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    viewerContainer: {
+        padding: spacing('1W'),
+        borderColor: color.light.border['default-grey'],
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderTopWidth: 0,
+        borderBottomLeftRadius: radius('md'),
+        borderBottomRightRadius: radius('md'),
+        backgroundColor: color.light.background['default-grey'],
+        overflow: 'hidden',
+    },
+    children: {
+        borderColor: color.light.border['default-grey'],
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderLeft: 0,
+        borderTopRightRadius: radius('md'),
+        borderBottomRightRadius: radius('md'),
+        backgroundColor: color.light.background['default-grey'],
+        overflow: 'hidden',
+    },
+    viewerImageContent: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        overflow: 'hidden',
+        cursor: 'crosshair',
+        userSelect: 'none',
+    },
+    viewerImageZoomLayer: {
+        width: '100%',
+        height: '100%',
+        transitionProperty: 'transform',
+        transitionDuration: '120ms',
+        transitionTimingFunction: 'ease-out',
+        transitionDelay: '0ms',
+    },
+    viewerPdfContent: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        overflow: 'hidden',
+        cursor: 'crosshair',
+        userSelect: 'none',
+    },
+    viewerPdfStage: {
+        position: 'relative',
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        overflow: 'hidden',
+        width: '100%',
+        height: '100%',
+    },
+    viewerPdfCanvasWrapper: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        transitionProperty: 'transform',
+        transitionDuration: '120ms',
+        transitionTimingFunction: 'ease-out',
+        transitionDelay: '0ms',
+    },
+    viewerPdfCanvas: {
+        display: 'block',
+        maxWidth: '100%',
+    },
+    viewerPdfOverlay: {
+        position: 'absolute',
+        inset: 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: color.light.background['default-grey'],
+    },
+}));

package/dist/ui/DocumentViewer/DocumentViewerImage.d.ts

@@ -0,0 +1,9 @@
+import { DocumentViewerRotation } from './DocumentViewer';
+export type DocumentViewerImageProps = {
+    source: string;
+    height: number;
+    rotation: DocumentViewerRotation;
+    scale?: number;
+};
+export declare const DocumentViewerImage: (props: DocumentViewerImageProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocumentViewerImage.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewerImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewerImage.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerImage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,sBAAsB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA8ClE,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewerImage.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Image } from '@alveole/components';
+import React from 'react';
+import { useStyles } from './DocumentViewer.styles';
+export const DocumentViewerImage = (props) => {
+    const { source, rotation, height, scale = 1 } = props;
+    const styles = useStyles();
+    const [isHovered, setIsHovered] = React.useState(false);
+    const [transformOrigin, setTransformOrigin] = React.useState('50% 50%');
+    const hoveredScale = isHovered ? 2 : 1;
+    const handlePointerMove = React.useCallback((event) => {
+        const rect = event.currentTarget?.getBoundingClientRect?.();
+        if (!rect)
+            return;
+        const x = ((event.clientX - rect.left) / rect.width) * 100;
+        const y = ((event.clientY - rect.top) / rect.height) * 100;
+        const origin = getRotatedTransformOrigin(x, y, rotation);
+        setTransformOrigin(`${clampPercent(origin.x)}% ${clampPercent(origin.y)}%`);
+    }, [rotation]);
+    return (_jsx(Box, { tag: "document-viewer-image", width: '100%', height: height, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onPointerMove: handlePointerMove, style: styles.viewerImageContent, children: _jsx(Box, { width: '100%', height: '100%', p: '1V', children: _jsx(Box, { width: '100%', height: '100%', style: { transform: [{ rotate: `${rotation}deg` }] }, children: _jsx(Box, { width: '100%', height: '100%', style: [styles.viewerImageZoomLayer, { transformOrigin }, { transform: [{ scale: scale * hoveredScale }] }], children: _jsx(Image, { source: { uri: source }, contentFit: "contain", width: '100%', height: '100%', pointerEvents: "none" }) }) }) }) }));
+};
+const clampPercent = (value) => Math.max(0, Math.min(100, value));
+const getRotatedTransformOrigin = (x, y, rotation) => {
+    switch (rotation) {
+        case 90:
+            return { x: y, y: 100 - x };
+        case 180:
+            return { x: 100 - x, y: 100 - y };
+        case 270:
+            return { x: 100 - y, y: x };
+        case 0:
+        default:
+            return { x, y };
+    }
+};

package/dist/ui/DocumentViewer/DocumentViewerPDF.d.ts

@@ -0,0 +1,13 @@
+import type { PDFDocumentProxy } from 'pdfjs-dist';
+import 'pdfjs-dist/build/pdf.worker.entry';
+import { DocumentViewerRotation } from './DocumentViewer';
+export type DocumentViewerPDFProps = {
+    source: string;
+    page: number;
+    height: number;
+    rotation: DocumentViewerRotation;
+    scale?: number;
+    onReady?: (state: PDFDocumentProxy) => void;
+};
+export declare const DocumentViewerPDF: (props: DocumentViewerPDFProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocumentViewerPDF.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewerPDF.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewerPDF.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerPDF.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,mCAAmC,CAAC;AAG3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,sBAAsB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7C,CAAC;AAWF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CA6J9D,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewerPDF.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@alveole/components';
+import * as pdfjs from 'pdfjs-dist';
+import 'pdfjs-dist/build/pdf.worker.entry';
+import React from 'react';
+import { Platform } from 'react-native';
+import { useStyles } from './DocumentViewer.styles';
+const isPdfCancellationError = (error) => {
+    if (!(error instanceof Error))
+        return false;
+    return (['RenderingCancelledException', 'AbortException', 'UnknownErrorException'].includes(error.name) ||
+        error.message.includes('Worker was terminated'));
+};
+export const DocumentViewerPDF = (props) => {
+    const { source, page, rotation, height, scale = 1, onReady } = props;
+    const styles = useStyles();
+    const [pdf, setPdf] = React.useState(null);
+    const [viewerSize, setViewerSize] = React.useState({ width: 0, height: 0 });
+    const [isHovered, setIsHovered] = React.useState(false);
+    const [transformOrigin, setTransformOrigin] = React.useState('50% 50%');
+    const [renderedPageSize, setRenderedPageSize] = React.useState({ width: 0, height: 0 });
+    const canvasRef = React.useRef(null);
+    const onReadyRef = React.useRef(onReady);
+    const hoveredScale = isHovered ? 2 : 1;
+    React.useEffect(() => {
+        onReadyRef.current = onReady;
+    }, [onReady]);
+    const onPdfLoadedSuccess = React.useCallback((documentPdf, active) => {
+        if (!active)
+            return void documentPdf.destroy?.();
+        setPdf(currentPdf => {
+            void currentPdf?.destroy?.();
+            return documentPdf;
+        });
+        onReadyRef.current?.(documentPdf);
+    }, []);
+    const onPdfLoadedError = (active) => {
+        if (!active)
+            return;
+        setPdf(null);
+    };
+    const onPageLoadedSuccess = React.useCallback((pagePdf, active) => {
+        if (!active || !canvasRef.current)
+            return;
+        const baseViewport = pagePdf.getViewport({ scale: 1, rotation });
+        const fittedScale = Math.min(viewerSize.width / baseViewport.width, viewerSize.height / baseViewport.height);
+        const viewport = pagePdf.getViewport({ scale: fittedScale * scale, rotation });
+        const canvas = canvasRef.current;
+        const context = canvas.getContext('2d');
+        if (context == null)
+            return null;
+        const pixelRatio = window.devicePixelRatio || 1;
+        canvas.width = Math.floor(viewport.width * pixelRatio);
+        canvas.height = Math.floor(viewport.height * pixelRatio);
+        canvas.style.width = `${viewport.width}px`;
+        canvas.style.height = `${viewport.height}px`;
+        setRenderedPageSize({ width: viewport.width, height: viewport.height });
+        context.setTransform(1, 0, 0, 1, 0, 0);
+        context.clearRect(0, 0, canvas.width, canvas.height);
+        return pagePdf.render({
+            canvasContext: context,
+            viewport,
+            transform: pixelRatio === 1 ? undefined : [pixelRatio, 0, 0, pixelRatio, 0, 0],
+        });
+    }, [rotation, scale, viewerSize.height, viewerSize.width]);
+    React.useEffect(() => {
+        let isActive = true;
+        const loadingTask = pdfjs.getDocument(source);
+        loadingTask.promise
+            .then(nextPdf => onPdfLoadedSuccess(nextPdf, isActive))
+            .catch(error => {
+            if (!isActive || isPdfCancellationError(error))
+                return;
+            onPdfLoadedError(true);
+        });
+        return () => {
+            isActive = false;
+            loadingTask.destroy();
+        };
+    }, [source, onPdfLoadedSuccess]);
+    React.useEffect(() => {
+        if (!pdf || !canvasRef.current || viewerSize.width <= 0 || viewerSize.height <= 0)
+            return;
+        let isActive = true;
+        let renderTask = null;
+        pdf
+            .getPage(page)
+            .then(pdfPage => {
+            renderTask = onPageLoadedSuccess(pdfPage, isActive);
+            return renderTask?.promise.then(() => {
+                if (!isActive)
+                    return;
+                pdfPage.cleanup?.();
+            });
+        })
+            .catch(error => {
+            if (!isActive || isPdfCancellationError(error))
+                return;
+            onPdfLoadedError(true);
+        });
+        return () => {
+            isActive = false;
+            renderTask?.cancel?.();
+        };
+    }, [pdf, page, rotation, scale, viewerSize, onPageLoadedSuccess]);
+    const handleLayout = React.useCallback((event) => {
+        const nextWidth = event?.nativeEvent?.layout?.width;
+        const nextHeight = event?.nativeEvent?.layout?.height;
+        if (typeof nextWidth === 'number' && nextWidth > 0 && typeof nextHeight === 'number' && nextHeight > 0) {
+            setViewerSize({ width: nextWidth, height: nextHeight });
+        }
+    }, []);
+    const handlePointerMove = React.useCallback((event) => {
+        const rect = event.currentTarget?.getBoundingClientRect?.();
+        if (!rect)
+            return;
+        const x = ((event.clientX - rect.left) / rect.width) * 100;
+        const y = ((event.clientY - rect.top) / rect.height) * 100;
+        setTransformOrigin(`${Math.max(0, Math.min(100, x))}% ${Math.max(0, Math.min(100, y))}%`);
+    }, []);
+    React.useEffect(() => () => void pdf?.destroy?.(), [pdf]);
+    return (_jsx(Box, { tag: "document-viewer-pdf", width: '100%', height: height, onLayout: handleLayout, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onPointerMove: handlePointerMove, style: styles.viewerPdfContent, children: _jsx(Box, { width: '100%', height: '100%', p: '1V', style: styles.viewerPdfStage, children: Platform.OS === 'web' && (_jsx(Box, { style: [
+                    styles.viewerPdfCanvasWrapper,
+                    {
+                        width: renderedPageSize.width,
+                        height: renderedPageSize.height,
+                        transformOrigin,
+                        transform: [{ scale: hoveredScale }],
+                    },
+                ], children: _jsx("canvas", { ref: canvasRef, style: styles.viewerPdfCanvas }) })) }) }));
+};

package/dist/ui/DocumentViewer/DocumentViewerToolbar.d.ts

@@ -0,0 +1,18 @@
+import { DocumentViewerProps } from './DocumentViewer';
+export type DocumentViewerToolbarState = {
+    fileType: DocumentViewerProps['type'];
+    rotation: 0 | 90 | 180 | 270;
+    page?: number;
+    totalPages?: number;
+};
+export type DocumentViewerToolbarProps = {
+    title: string;
+    state: DocumentViewerToolbarState;
+    withChildren: boolean;
+    onRotateLeft: () => void;
+    onRotateRight: () => void;
+    onPreviousPage?: () => void;
+    onNextPage?: () => void;
+};
+export declare const DocumentViewerToolbar: (props: DocumentViewerToolbarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocumentViewerToolbar.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewerToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewerToolbar.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,0BAA0B,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,4CA4CtE,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewerToolbar.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '@alveole/components';
+import { useStyles } from './DocumentViewer.styles';
+import { ToolbarButton } from './DocumentViewerToolbarButton';
+export const DocumentViewerToolbar = (props) => {
+    const { title, state, withChildren, onRotateLeft, onRotateRight, onNextPage, onPreviousPage } = props;
+    const styles = useStyles();
+    const isPdf = state.fileType === 'pdf';
+    const isFirstPage = state.page === 1;
+    const isLastPage = state.page === state.totalPages;
+    const hasPagination = isPdf && typeof state.page === 'number' && typeof state.totalPages === 'number';
+    return (_jsxs(Box, { tag: "document-viewer-toolbar", style: {
+            ...styles.toolbar,
+            ...(withChildren ? { borderTopRightRadius: 0 } : {}),
+        }, children: [_jsx(Box, { children: _jsx(Typography, { style: styles.toolbarTitle, children: title }) }), _jsxs(Box, { tag: "document-viewer-toolbar-actions", style: styles.toolbarAction, children: [_jsxs(Box, { display: "flex", flexDirection: "row", gap: "1,5V", children: [_jsx(ToolbarButton, { onPress: onRotateLeft, icon: "RotateCcwSquare" }), _jsx(ToolbarButton, { onPress: onRotateRight, icon: "RotateCwSquare" })] }), _jsx(Box, { style: styles.toolbarDivider }), _jsxs(Box, { display: "flex", flexDirection: "row", gap: "1,5V", children: [_jsx(ToolbarButton, { onPress: onPreviousPage, disabled: isFirstPage || !hasPagination, icon: "SquareChevronLeft" }), _jsx(Box, { mt: 'auto', mb: 'auto', children: _jsxs(Typography, { style: styles.toolbarState, children: [hasPagination ? state.page : 1, " / ", hasPagination ? state.totalPages : 1] }) }), _jsx(ToolbarButton, { onPress: onNextPage, disabled: isLastPage || !hasPagination, icon: "SquareChevronRight" })] })] })] }));
+};

package/dist/ui/DocumentViewer/DocumentViewerToolbarButton.d.ts

@@ -0,0 +1,9 @@
+import { LucideIconProps } from '@alveole/components';
+type ToolbarButtonProps = {
+    icon: LucideIconProps['name'];
+    disabled?: boolean;
+    onPress?: () => void;
+};
+export declare const ToolbarButton: (props: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocumentViewerToolbarButton.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewerToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewerToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAGtD,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewerToolbarButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ButtonIcon } from '@alveole/components';
+export const ToolbarButton = (props) => {
+    const { icon, disabled, onPress } = props;
+    return _jsx(ButtonIcon, { variant: "tertiary", icon: icon, disabled: disabled, onPress: onPress });
+};

package/dist/ui/DocumentViewer/index.d.ts

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

package/dist/ui/DocumentViewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/ui/DocumentViewer/index.js

@@ -0,0 +1 @@
+export * from './DocumentViewer';

package/dist/ui/index.d.ts

@@ -5,6 +5,7 @@ export * from './Breadcrumbs';
 export * from './Button';
 export * from './Card';
 export * from './Divider';
+export * from './DocumentViewer';
 export * from './EmptyState';
 export * from './ListItem';
 export * from './LucideIcon';

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/ui/index.js

@@ -5,6 +5,7 @@ export * from './Breadcrumbs';
 export * from './Button';
 export * from './Card';
 export * from './Divider';
+export * from './DocumentViewer';
 export * from './EmptyState';
 export * from './ListItem';
 export * from './LucideIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "0.32.2",
+  "version": "0.33.1",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -62,6 +62,7 @@
     "expo-linear-gradient": "*",
     "expo-constants": "*",
     "lottie-react-native": "*",
+    "pdfjs-dist": "^3.11.174",
     "@lottiefiles/dotlottie-react": "*"
   },
   "publishConfig": {