@oxyhq/services 5.26.4 → 5.27.0

package/dist/web/types/ui/components/fileManagement/styles.d.ts

@@ -0,0 +1,859 @@
+export declare const fileManagementStyles: {
+    container: {
+        flex: number;
+    };
+    selectionBadge: {
+        position: "absolute";
+        top: number;
+        right: number;
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+    };
+    loadingMoreBar: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        gap: number;
+    };
+    loadingMoreText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderBottomWidth: number;
+        position: "relative";
+    };
+    backButton: {
+        padding: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        minWidth: number;
+        minHeight: number;
+    };
+    headerTitleContainer: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginHorizontal: number;
+    };
+    headerTitle: {
+        fontSize: number;
+        fontWeight: "700";
+        fontFamily: string;
+        letterSpacing: number;
+        lineHeight: number;
+    };
+    headerSubtitle: {
+        fontSize: number;
+        fontWeight: "500";
+        fontFamily: string;
+        marginTop: number;
+        letterSpacing: number;
+    };
+    uploadButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    uploadProgress: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    uploadProgressText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+        marginTop: number;
+    };
+    uploadBannerContainer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        alignItems: "center";
+        zIndex: number;
+    };
+    uploadBanner: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+        borderWidth: number;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        elevation: number;
+        minWidth: number;
+    };
+    uploadBannerContent: {
+        flex: number;
+        gap: number;
+    };
+    uploadBannerText: {
+        fontSize: number;
+        fontWeight: "500";
+    };
+    uploadProgressBarContainer: {
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    uploadProgressBar: {
+        height: "100%";
+        borderRadius: number;
+    };
+    searchContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        marginHorizontal: number;
+        marginTop: number;
+        marginBottom: number;
+        borderRadius: number;
+        gap: number;
+    };
+    searchInput: {
+        flex: number;
+        fontSize: number;
+        fontFamily: string;
+        lineHeight: number;
+    };
+    searchClearButton: {
+        padding: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    statsContainer: {
+        flexDirection: "row";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        marginHorizontal: number;
+        marginTop: number;
+        marginBottom: number;
+        borderRadius: number;
+    };
+    statItem: {
+        flex: number;
+        alignItems: "center";
+        paddingVertical: number;
+    };
+    statValue: {
+        fontSize: number;
+        fontWeight: "800";
+        fontFamily: string;
+        letterSpacing: number;
+        lineHeight: number;
+    };
+    statLabel: {
+        fontSize: number;
+        fontWeight: "500";
+        fontFamily: string;
+        marginTop: number;
+        letterSpacing: number;
+    };
+    scrollView: {
+        flex: number;
+    };
+    scrollContainer: {
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+    fileItem: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        marginBottom: number;
+        borderRadius: number;
+        borderWidth: number;
+    };
+    fileContent: {
+        flexDirection: "row";
+        alignItems: "center";
+        flex: number;
+    };
+    fileIconContainer: {
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginRight: number;
+    };
+    filePreviewContainer: {
+        width: number;
+        height: number;
+        marginRight: number;
+    };
+    filePreview: {
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        overflow: "hidden";
+        position: "relative";
+    };
+    previewImage: {
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+    };
+    pdfPreview: {
+        alignItems: "center";
+        justifyContent: "center";
+        width: "100%";
+        height: "100%";
+        backgroundColor: string;
+    };
+    pdfLabel: {
+        fontSize: number;
+        fontWeight: "bold";
+        marginTop: number;
+    };
+    videoPreviewWrapper: {
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+        overflow: "hidden";
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    videoPosterImage: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        width: "100%";
+        height: "100%";
+    };
+    videoOverlay: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+    };
+    fallbackIcon: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+        borderRadius: number;
+    };
+    groupedActions: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        marginLeft: number;
+    };
+    groupedActionBtn: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    groupedDescription: {
+        fontSize: number;
+        lineHeight: number;
+        marginTop: number;
+    };
+    fileInfo: {
+        flex: number;
+    };
+    fileName: {
+        fontSize: number;
+        fontWeight: "600";
+        marginBottom: number;
+    };
+    fileDetails: {
+        fontSize: number;
+        marginBottom: number;
+    };
+    fileDescription: {
+        fontSize: number;
+        fontStyle: "italic";
+    };
+    fileActions: {
+        flexDirection: "row";
+        gap: number;
+    };
+    actionButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    emptyState: {
+        alignItems: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    emptyStateTitle: {
+        fontSize: number;
+        fontWeight: "bold";
+        fontFamily: string;
+        marginTop: number;
+        marginBottom: number;
+    };
+    emptyStateDescription: {
+        fontSize: number;
+        textAlign: "center";
+        lineHeight: number;
+        marginBottom: number;
+    };
+    emptyStateButton: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+    };
+    emptyStateButtonText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+    };
+    modalContainer: {
+        flex: number;
+    };
+    modalHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderBottomWidth: number;
+    };
+    modalCloseButton: {
+        padding: number;
+    };
+    modalTitle: {
+        fontSize: number;
+        fontWeight: "600";
+        fontFamily: string;
+    };
+    modalPlaceholder: {
+        width: number;
+    };
+    modalContent: {
+        flex: number;
+        padding: number;
+    };
+    fileDetailCard: {
+        padding: number;
+        borderRadius: number;
+        borderWidth: number;
+        alignItems: "center";
+    };
+    fileDetailIcon: {
+        marginBottom: number;
+    };
+    fileDetailName: {
+        fontSize: number;
+        fontWeight: "bold";
+        fontFamily: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+    fileDetailInfo: {
+        width: "100%";
+        marginBottom: number;
+    };
+    detailRow: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "flex-start";
+        marginBottom: number;
+        flexWrap: "wrap";
+    };
+    detailLabel: {
+        fontSize: number;
+        fontWeight: "500";
+        flex: number;
+        minWidth: number;
+    };
+    detailValue: {
+        fontSize: number;
+        flex: number;
+        textAlign: "right";
+    };
+    modalActions: {
+        flexDirection: "row";
+        gap: number;
+        width: "100%";
+    };
+    modalActionButton: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+    };
+    modalActionText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+    };
+    uploadPreviewContainer: {
+        flex: number;
+    };
+    uploadPreviewHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderBottomWidth: number;
+    };
+    uploadPreviewTitle: {
+        fontSize: number;
+        fontWeight: "700";
+        fontFamily: string;
+    };
+    uploadPreviewList: {
+        flex: number;
+        padding: number;
+    };
+    uploadPreviewItem: {
+        flexDirection: "row";
+        alignItems: "center";
+        padding: number;
+        borderRadius: number;
+        borderWidth: number;
+        marginBottom: number;
+        gap: number;
+    };
+    uploadPreviewThumbnail: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    uploadPreviewIconContainer: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    uploadPreviewInfo: {
+        flex: number;
+        minWidth: number;
+    };
+    uploadPreviewName: {
+        fontSize: number;
+        fontWeight: "600";
+        fontFamily: string;
+        marginBottom: number;
+    };
+    uploadPreviewMeta: {
+        fontSize: number;
+        fontFamily: string;
+    };
+    uploadPreviewRemove: {
+        padding: number;
+    };
+    uploadPreviewFooter: {
+        padding: number;
+        borderTopWidth: number;
+    };
+    uploadPreviewStats: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        marginBottom: number;
+    };
+    uploadPreviewStatsText: {
+        fontSize: number;
+        fontWeight: "600";
+        fontFamily: string;
+    };
+    uploadPreviewActions: {
+        flexDirection: "row";
+        gap: number;
+    };
+    uploadPreviewCancelButton: {
+        flex: number;
+        paddingVertical: number;
+        borderRadius: number;
+        borderWidth: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    uploadPreviewCancelText: {
+        fontSize: number;
+        fontWeight: "600";
+        fontFamily: string;
+    };
+    uploadPreviewConfirmButton: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+    };
+    uploadPreviewConfirmText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+        fontFamily: string;
+    };
+    fileViewerContainer: {
+        flex: number;
+        position: "relative";
+    };
+    backgroundImage: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        width: "100%";
+        height: "100%";
+        zIndex: number;
+    };
+    backgroundOverlay: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        zIndex: number;
+    };
+    fileViewerHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderBottomWidth: number;
+        position: "relative";
+        zIndex: number;
+    };
+    fileViewerTitleContainer: {
+        flex: number;
+        marginHorizontal: number;
+    };
+    fileViewerTitle: {
+        fontSize: number;
+        fontWeight: "600";
+        fontFamily: string;
+        marginBottom: number;
+    };
+    fileViewerSubtitle: {
+        fontSize: number;
+    };
+    fileViewerActions: {
+        flexDirection: "row";
+        gap: number;
+    };
+    fileViewerContent: {
+        flex: number;
+        position: "relative";
+        zIndex: number;
+    };
+    fileViewerContentWithDetails: {
+        paddingBottom: number;
+    };
+    fileViewerContentContainer: {
+        flexGrow: number;
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+    fileViewerLoading: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    fileViewerLoadingText: {
+        fontSize: number;
+        marginTop: number;
+    };
+    imageContainer: {
+        alignItems: "center";
+        justifyContent: "center";
+        flex: number;
+        marginTop: number;
+        marginBottom: number;
+        paddingHorizontal: number;
+    };
+    imageWrapper: {
+        borderRadius: number;
+        overflow: "hidden";
+        alignSelf: "center";
+    };
+    floatingBackButton: {
+        position: "absolute";
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        zIndex: number;
+    };
+    floatingDownloadButton: {
+        position: "absolute";
+        top: number;
+        right: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        zIndex: number;
+    };
+    textContainer: {
+        flex: number;
+        borderRadius: number;
+        borderWidth: number;
+        padding: number;
+        minHeight: number;
+        maxHeight: "80%";
+    };
+    textContent: {
+        fontSize: number;
+        fontFamily: string;
+        lineHeight: number;
+    };
+    unsupportedFileContainer: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    unsupportedFileTitle: {
+        fontSize: number;
+        fontWeight: "bold";
+        fontFamily: string;
+        marginTop: number;
+        marginBottom: number;
+        textAlign: "center";
+    };
+    unsupportedFileDescription: {
+        fontSize: number;
+        textAlign: "center";
+        lineHeight: number;
+        marginBottom: number;
+    };
+    downloadButtonLarge: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+    };
+    downloadButtonText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+    };
+    pdfContainer: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    mediaContainer: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+        padding: number;
+    };
+    unsupportedText: {
+        fontSize: number;
+        textAlign: "center";
+        fontStyle: "italic";
+    };
+    fileDetailsSection: {
+        marginHorizontal: number;
+        marginTop: number;
+        marginBottom: number;
+        padding: number;
+        borderRadius: number;
+        borderWidth: number;
+        overflow: "hidden";
+        position: "relative";
+        zIndex: number;
+    };
+    fileDetailsSectionContent: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    fileDetailsSectionTitle: {
+        fontSize: number;
+        fontWeight: "600";
+        fontFamily: string;
+        flex: number;
+    };
+    fileDetailsSectionHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+    fileDetailsSectionToggle: {
+        padding: number;
+    };
+    fileDetailsActions: {
+        flexDirection: "row";
+        gap: number;
+        marginTop: number;
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    fileDetailsActionButton: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+    };
+    fileDetailsActionText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+    };
+    controlsBar: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+        gap: number;
+    };
+    viewModeScroll: {
+        flex: number;
+        maxWidth: "80%";
+    };
+    viewModeToggle: {
+        flexDirection: "row";
+        borderRadius: number;
+        padding: number;
+        overflow: "hidden";
+    };
+    viewModeButton: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        minWidth: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginHorizontal: number;
+    };
+    sortButton: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        minWidth: number;
+        gap: number;
+    };
+    photoScrollContainer: {
+        padding: number;
+    };
+    photoItem: {
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    photoContainer: {
+        width: "100%";
+        height: "100%";
+        position: "relative";
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    photoImage: {
+        width: "100%";
+        height: "100%";
+    };
+    dimensionsLoadingIndicator: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        gap: number;
+    };
+    dimensionsLoadingText: {
+        fontSize: number;
+        fontStyle: "italic";
+    };
+    justifiedPhotoItem: {
+        borderRadius: number;
+        overflow: "hidden";
+        position: "relative";
+    };
+    justifiedPhotoContainer: {
+        width: "100%";
+        height: "100%";
+        position: "relative";
+        borderRadius: number;
+        overflow: "hidden";
+        backgroundColor: string;
+    };
+    justifiedPhotoImage: {
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+    };
+    simplePhotoItem: {
+        borderRadius: number;
+        overflow: "hidden";
+        backgroundColor: string;
+    };
+    simplePhotoContainer: {
+        width: "100%";
+        height: "100%";
+        position: "relative";
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    simplePhotoImage: {
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+    };
+};