react-native-inapp-inspector 1.0.0

package/dist/commonjs/styles/index.d.ts

@@ -0,0 +1,1488 @@
+declare const styles: {
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        zIndex: number;
+        minHeight: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    headerLeft: {
+        flex: number;
+        alignItems: "flex-start";
+    };
+    headerCenter: {
+        flex: number;
+        alignItems: "center";
+    };
+    headerRight: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "flex-end";
+    };
+    headerTitle: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    headerButtonGroup: {
+        flexDirection: "row";
+        alignItems: "center";
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+    };
+    headerGroupButton: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+    };
+    headerGroupButtonActive: {
+        backgroundColor: string;
+    };
+    headerGroupButtonText: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+        letterSpacing: number;
+    };
+    headerDetailCenter: {
+        alignItems: "center";
+        justifyContent: "center";
+        width: "100%";
+    };
+    headerDetailRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        maxWidth: "100%";
+    };
+    headerMethodBadge: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    headerMethodText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    headerDetailTitle: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        flexShrink: number;
+        letterSpacing: number;
+    };
+    headerDetailSubRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        marginTop: number;
+    };
+    headerStatusDot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    headerSubTitle: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        opacity: number;
+        letterSpacing: number;
+    };
+    headerCountBadge: {
+        flexDirection: "row";
+        alignItems: "center";
+        backgroundColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        gap: number;
+        borderWidth: number;
+        borderColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    headerCountText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    iconBtnMinimal: {
+        padding: number;
+    };
+    listContent: {
+        paddingBottom: number;
+    };
+    detailScroll: {
+        flex: number;
+    };
+    detailContent: {
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+    fabWrapper: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        alignItems: "center";
+        justifyContent: "center";
+        zIndex: number;
+        elevation: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+    };
+    fabPulseRing: {
+        position: "absolute";
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    fab: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    fabText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    fabBadge: {
+        position: "absolute";
+        top: number;
+        right: number;
+        minWidth: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        borderWidth: number;
+        borderColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    fabBadgeNormal: {
+        backgroundColor: string;
+    };
+    fabBadgeError: {
+        backgroundColor: string;
+    };
+    fabBadgeText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    dashboardCard: {
+        marginHorizontal: number;
+        marginBottom: number;
+        backgroundColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        overflow: "hidden";
+    };
+    dashboardStatsRow: {
+        flexDirection: "row";
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    statBox: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    dashboardStatDivider: {
+        width: number;
+        backgroundColor: string;
+        height: "80%";
+        alignSelf: "center";
+    };
+    statValue: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    statLabel: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        marginTop: number;
+        textTransform: "uppercase";
+        letterSpacing: number;
+    };
+    miniGraphWrap: {
+        marginTop: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    toolbarRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        marginBottom: number;
+        gap: number;
+        marginTop: number;
+    };
+    toolbarRight: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    toolbarDivider: {
+        width: number;
+        height: number;
+        backgroundColor: string;
+        marginHorizontal: number;
+    };
+    toolbarBtn: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    toolbarBtnActive: {
+        borderColor: string;
+        backgroundColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    trashBadge: {
+        position: "absolute";
+        top: number;
+        right: number;
+        backgroundColor: string;
+        borderRadius: number;
+        minWidth: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+        borderWidth: number;
+        borderColor: string;
+    };
+    trashBadgeText: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+    };
+    filtersContainer: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    filtersHeading: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        textTransform: "uppercase";
+        letterSpacing: number;
+        marginBottom: number;
+    };
+    statusRowContent: {
+        alignItems: "center";
+        paddingVertical: number;
+    };
+    statusFilterWrap: {
+        marginRight: number;
+    };
+    statusFilterChip: {
+        paddingHorizontal: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    statusFilterActive: {
+        borderColor: string;
+        backgroundColor: string;
+    };
+    statusFilterText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    resultCount: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        marginHorizontal: number;
+        marginBottom: number;
+        marginTop: number;
+        letterSpacing: number;
+    };
+    searchContainer: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        backgroundColor: string;
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderWidth: number;
+        borderColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    searchInput: {
+        flex: number;
+        fontFamily: string;
+        color: string;
+        paddingVertical: number;
+        marginLeft: number;
+        fontSize: number;
+    };
+    clearBtn: {
+        padding: number;
+    };
+    clearBtnText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    menuDropdown: {
+        position: "absolute";
+        top: number;
+        width: number;
+        backgroundColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        zIndex: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        overflow: "hidden";
+    };
+    dropdownItem: {
+        padding: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    domainHeaderSeparator: {
+        marginTop: number;
+        paddingTop: number;
+        borderTopWidth: number;
+        borderTopColor: string;
+    };
+    domainHeaderRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingLeft: number;
+        paddingRight: number;
+        marginTop: number;
+        marginBottom: number;
+    };
+    domainHeaderLeft: {
+        flexDirection: "row";
+        alignItems: "center";
+        flex: number;
+        paddingRight: number;
+        gap: number;
+    };
+    domainHeaderText: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: "700";
+        textTransform: "capitalize";
+        flexShrink: number;
+        marginLeft: number;
+    };
+    domainSubRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        flexWrap: "wrap";
+        marginTop: number;
+    };
+    domainTimestamp: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    domainMethodCount: {
+        fontFamily: string;
+        fontSize: number;
+        marginLeft: number;
+    };
+    domainStatsGroup: {
+        flexDirection: "row";
+        alignItems: "center";
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        overflow: "hidden";
+        backgroundColor: string;
+    };
+    groupBtnItem: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    groupBtnBorderRight: {
+        borderRightWidth: number;
+        borderRightColor: string;
+    };
+    domainStatText: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    treeNodeRow: {
+        flexDirection: "row";
+        alignItems: "stretch";
+        paddingRight: number;
+    };
+    treeLines: {
+        width: number;
+        position: "relative";
+    };
+    modernTreeLine: {
+        position: "absolute";
+        left: number;
+        top: number;
+        width: number;
+        height: "100%";
+        borderLeftWidth: number;
+        opacity: number;
+    };
+    modernTreeLineLast: {
+        height: "50%";
+        borderBottomWidth: number;
+        borderBottomLeftRadius: number;
+    };
+    modernTreeBranch: {
+        position: "absolute";
+        left: number;
+        top: "50%";
+        width: number;
+        borderTopWidth: number;
+        opacity: number;
+    };
+    treeCardWrapper: {
+        flex: number;
+        paddingVertical: number;
+    };
+    card: {
+        marginHorizontal: number;
+        marginVertical: number;
+        borderRadius: number;
+        overflow: "hidden";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
+    };
+    cardBody: {
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+    cardTopRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginBottom: number;
+    };
+    smallCheckbox: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+        marginRight: number;
+    };
+    smallCheckboxChecked: {
+        backgroundColor: string;
+        borderColor: string;
+    };
+    serialNumber: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        marginRight: number;
+        minWidth: number;
+    };
+    chip: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        borderWidth: number;
+    };
+    chipText: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    cardMiddleRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        marginBottom: number;
+    };
+    cardBottomRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        marginBottom: number;
+    };
+    cardDateRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    cardDateText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    cardMetaRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        flexShrink: number;
+    };
+    urlPathText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        flexShrink: number;
+    };
+    urlDomainText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        flex: number;
+    };
+    requestTypeText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    methodBadge: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        marginRight: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    methodBadgeText: {
+        fontFamily: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    timelineTrack: {
+        height: number;
+        backgroundColor: string;
+        marginTop: number;
+        borderRadius: number;
+        overflow: "hidden";
+        position: "relative";
+    };
+    timelineBar: {
+        position: "absolute";
+        height: "100%";
+        borderRadius: number;
+    };
+    empty: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    emptyIcon: {
+        fontSize: number;
+        color: string;
+    };
+    emptyContainer: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    emptyIconWrap: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        marginBottom: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    emptyTitle: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        marginBottom: number;
+        letterSpacing: number;
+    };
+    emptySub: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+        lineHeight: number;
+        letterSpacing: number;
+    };
+    reloadBtn: {
+        marginTop: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        backgroundColor: string;
+        borderRadius: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    reloadBtnText: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    detailInfoBar: {
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        marginBottom: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    detailInfoTop: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingBottom: number;
+    };
+    detailInfoRight: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    detailMethodLabel: {
+        fontFamily: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    detailUrlContainer: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        borderWidth: number;
+        borderColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    detailUrl: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+        textDecorationLine: "underline";
+        letterSpacing: number;
+    };
+    metaContainer: {
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        marginBottom: number;
+        overflow: "hidden";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    metaHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        backgroundColor: string;
+    };
+    metaTitle: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        letterSpacing: number;
+        textTransform: "uppercase";
+    };
+    metaChevron: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    metaBody: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+        paddingTop: number;
+    };
+    metaRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingVertical: number;
+    };
+    metaDivider: {
+        height: number;
+        backgroundColor: string;
+    };
+    metaLabelRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    metaLabel: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    metaValue: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    metaValueRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    perfBadge: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        borderWidth: number;
+    };
+    perfBadgeText: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    seperator: {
+        height: number;
+        backgroundColor: string;
+        marginVertical: number;
+    };
+    detailSearchRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginBottom: number;
+    };
+    detailSearchBox: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        backgroundColor: string;
+        borderRadius: number;
+        paddingLeft: number;
+        borderWidth: number;
+        borderColor: string;
+    };
+    detailSearchInput: {
+        flex: number;
+        fontFamily: string;
+        color: string;
+        height: number;
+    };
+    sectionContainer: {
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        marginBottom: number;
+        overflow: "hidden";
+    };
+    sectionHeaderGradient: {
+        backgroundColor: string;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    sectionHeaderRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+    };
+    sectionTitleRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        flex: number;
+        marginRight: number;
+    };
+    sectionTitle: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        flexShrink: number;
+    };
+    sectionHeaderActions: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    htCard: {
+        backgroundColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        borderLeftWidth: number;
+        marginBottom: number;
+        overflow: "hidden";
+    };
+    htCardHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        gap: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        backgroundColor: string;
+    };
+    htIconWrap: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    htTitle: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        flexShrink: number;
+    };
+    htBadge: {
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderWidth: number;
+    };
+    htBadgeText: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    htHeaderSpacer: {
+        flex: number;
+    };
+    htChevronBtn: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    htColHeadRow: {
+        flexDirection: "row";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        backgroundColor: string;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    htColHead: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        letterSpacing: number;
+        textTransform: "uppercase";
+    };
+    htRow: {
+        flexDirection: "row";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        alignItems: "flex-start";
+    };
+    htRowBorder: {
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    htKeyCell: {
+        width: "30%";
+        paddingVertical: number;
+        paddingRight: number;
+    };
+    htKey: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+    };
+    htCellDivider: {
+        width: number;
+        backgroundColor: string;
+        alignSelf: "stretch";
+        marginVertical: number;
+    };
+    htValueCell: {
+        flex: number;
+        paddingVertical: number;
+        paddingLeft: number;
+    };
+    htValue: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+    };
+    htExpandRow: {
+        marginTop: number;
+    };
+    htExpandText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        letterSpacing: number;
+    };
+    htCopyBtn: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    htEmpty: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        alignItems: "center";
+    };
+    htEmptyText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    iconSquareBtn: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    iconSquareBtnSuccess: {
+        borderColor: string;
+        backgroundColor: string;
+    };
+    iconSquareBtnActive: {
+        borderColor: string;
+        backgroundColor: string;
+    };
+    codeBlockScroll: {
+        width: "100%";
+        backgroundColor: string;
+    };
+    codeBlock: {
+        paddingTop: number;
+        paddingHorizontal: number;
+        paddingBottom: number;
+        minWidth: "100%";
+    };
+    codeSyntax: {
+        color: string;
+        fontFamily: string;
+    };
+    codeKey: {
+        color: string;
+        fontFamily: string;
+    };
+    codeText: {
+        color: string;
+        fontFamily: string;
+    };
+    codeTextNil: {
+        color: string;
+        fontFamily: string;
+    };
+    treeRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingVertical: number;
+    };
+    treeChevron: {
+        fontFamily: string;
+        color: string;
+        marginRight: number;
+    };
+    treeKeyMargin: {
+        marginRight: number;
+    };
+    highlight: {
+        backgroundColor: string;
+        color: string;
+    };
+    arrayBadge: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    arrayBadgeText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    objectBadge: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    objectBadgeText: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    diffBlock: {
+        paddingTop: number;
+        paddingHorizontal: number;
+        paddingBottom: number;
+        gap: number;
+    };
+    diffAdded: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+    };
+    diffRemoved: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+    };
+    diffChanged: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+    };
+    filePreviewNode: {
+        paddingVertical: number;
+        marginVertical: number;
+    };
+    filePreviewCard: {
+        flexDirection: "row";
+        alignItems: "center";
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        borderWidth: number;
+        borderColor: string;
+        gap: number;
+        maxWidth: number;
+    };
+    filePreviewThumb: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    filePreviewDoc: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    filePreviewName: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        marginBottom: number;
+    };
+    filePreviewType: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    imagePreviewWrapper: {
+        width: "100%";
+        height: number;
+        borderRadius: number;
+        overflow: "hidden";
+        marginBottom: number;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+    };
+    imagePreview: {
+        width: "100%";
+        height: "100%";
+    };
+    imageDownloadBtn: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    sourcePageCard: {
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        marginBottom: number;
+        overflow: "hidden";
+    };
+    sourcePageAccordionHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        backgroundColor: string;
+    };
+    sourcePageTop: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        flex: number;
+    };
+    sourcePageHeaderRight: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    sourcePageIcon: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    sourcePageLabel: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        marginBottom: number;
+    };
+    sourcePageValue: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+    };
+    sourceParamsBox: {
+        borderTopWidth: number;
+        borderTopColor: string;
+    };
+    paramsAccordionHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        backgroundColor: string;
+    };
+    paramsAccordionLeft: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    paramsAccordionRight: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    sourceParamsLabel: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        letterSpacing: number;
+        textTransform: "uppercase";
+    };
+    paramsBody: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+        paddingTop: number;
+    };
+    paramRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingVertical: number;
+        gap: number;
+    };
+    paramRowBorder: {
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    paramKey: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        flex: number;
+    };
+    paramValueRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        flex: number;
+        justifyContent: "flex-end";
+    };
+    paramValue: {
+        fontFamily: string;
+        color: string;
+        fontSize: number;
+        textAlign: "right";
+        flexShrink: number;
+    };
+    headerGradient: {
+        width: "100%";
+    };
+    statusChip: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        borderWidth: number;
+    };
+    statusText: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    tabBar: {
+        flexDirection: "row";
+        backgroundColor: string;
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+        gap: number;
+    };
+    tabItem: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+    };
+    tabItemActive: {
+        backgroundColor: string;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        elevation: number;
+    };
+    tabText: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    tabTextActive: {
+        color: string;
+    };
+    screenSectionHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        backgroundColor: string;
+        borderTopWidth: number;
+        borderBottomWidth: number;
+        borderColor: string;
+        marginTop: number;
+    };
+    screenSectionTitle: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    screenSectionCount: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+};
+export default styles;